Problema de codificación

Solved

Problema de codificación

Ismael6
Tourist
7 0 2

Tengo un problema con el codificación que en el botón de comprar de mi banner en mi tienda no está la posición que quiero que es bajo en el centro y está en el centro, me podrían ayudar. Gracias

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
9884 2354 2952

This is an accepted solution.

You place it wrong, I should be the very bottom of the base.css.. the last }

This is your base.css now. 

Made4uoRibe_0-1736802304537.png

 

Add 1 bracket on the . banner and remove the 2 bracket on the bottom. like this. 

Made4uoRibe_1-1736802389346.png

you need to fix this because when you paste another code in here it wont be working. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 12 (12)

Made4uo-Ribe
Shopify Partner
9884 2354 2952

Hi @Ismael6 

Please, share your store URL. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Ismael6
Tourist
7 0 2

Claro, mi URL de mi tienda se llama havenbeyond.com

Made4uo-Ribe
Shopify Partner
9884 2354 2952

Thanks for the info, try this one. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

 

.slideshow__text.banner__box  { 
    align-self : flex-end !important ; 
}

 

 

  • And Save.
  • Result:
  • Made4uoRibe_0-1736771575910.png

    Note: If you like it more lower, let me know. 

 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Ismael6
Tourist
7 0 2

puse el código en base.css en la parte inferior y me sale lo mismo que antes, cuando le doy abajo en el centro va al centrado del medio y no lo entiendo si ya puse los dos códigos, ayúdenme por favor 

Made4uo-Ribe
Shopify Partner
9884 2354 2952

Just like to clarify, you like to put the buttom on the center-bottom right? same on the screen I have, if it is use this code below. 

 

    .banner__content.banner__content--bottom-left {
        justify-content: center !important;
    }
    .slideshow__text.banner__box  { 
        align-self : flex-end !important ; 
}

 

And Save. 

Refresh the browser after saving so you have a good result. 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Ismael6
Tourist
7 0 2

Disculpa en donde pongo el código?

Made4uo-Ribe
Shopify Partner
9884 2354 2952

Same instruction, on the base css. replace  the code that I provide earlier. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Ismael6
Tourist
7 0 2

ya lo remplace el código pero nada sigue en la misma posición, si la quiero en el inferior centro pero no entiendo porque a mi me sale de esa posición en la que no debería.

Made4uo-Ribe
Shopify Partner
9884 2354 2952

This is an accepted solution.

You place it wrong, I should be the very bottom of the base.css.. the last }

This is your base.css now. 

Made4uoRibe_0-1736802304537.png

 

Add 1 bracket on the . banner and remove the 2 bracket on the bottom. like this. 

Made4uoRibe_1-1736802389346.png

you need to fix this because when you paste another code in here it wont be working. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Ismael6
Tourist
7 0 2

Ya funcionó, Muchas gracias y lo siento mucho por mi equivocación, Gracias 

DaisyVo
Shopify Partner
3794 412 499

Ola @Ismael6 

 

Para completar tus solicitudes, sigue estos pasos:

1. Ve a **Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS**
[https://prnt.sc/i8ljAMlHJUKl](https://prnt.sc/i8ljAMlHJUKl)

2. Pega el código proporcionado en la sección de **Custom CSS**.

 

.banner__content.banner__content--bottom-center {
    align-items: center !important;
}

Aquí tienes el resultado: 

image_720.png

Espero que esto sea de ayuda.

 

Saludos,


Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
Ismael6
Tourist
7 0 2

Al parecer no me funciona puse el código pero nada no quiere ponerse en la posición abajo en el centro creo que en el código que me han enviado es para el centrado en el medio yo quiero el de abajo en el centro si es posible. Gracias