How can I adjust the width of a certain button I added in?

michaelecom
New Member
8 0 0

The website is:

https://wealth-strategies.myshopify.com/

 

I have added the following code to the "Custom HTML" section on the Prestige theme:

<a href="https://bit.ly/39xhdep" class="Button Button--primary Button--Full Button">View Course</a><br> 

 

I need to make the button the entire length of the video.

 

09.png

 

I tried the "Full" option and it did not work, I read about adding CSS code but I have no idea how to do that with this current button - I had to make the code like that for it to display as a block.

 

Any help is very appreciated!

Replies 16 (16)
made4Uo
Navigator
210 11 77

@michaelecom You can add this code below to the css:

.Button--Full {
display: block !important;
width: 90%;
margin: 0 auto;
I do not work with Shopify. I am not looking to be hired or being paid. Just wanted to help.
michaelecom
New Member
8 0 0

Thank you! That worked!

 

Is there a way I can get the text to be the same width as the button and video now too?

made4Uo
Navigator
210 11 77

@michaelecom 

Hi,

You should wrap this in a container but this code should work. Let me know

#section-163260389452ac7e37 > div > div:nth-child(2) > center{

width: 90%;
margin: 0 auto;
}

}

I do not work with Shopify. I am not looking to be hired or being paid. Just wanted to help.
michaelecom
New Member
8 0 0

I am not sure where to add this code, I tried to add in 2 different places but it broke the page..

made4Uo
Navigator
210 11 77

@michaelecom 

Hi,

My bad. In your Asset folder, find the theme.scss. Just add it to the bottom 

#section-163260389452ac7e37 > div > div:nth-child(2) > center{

width: 90%;
margin: 0 auto;
}

}

I do not work with Shopify. I am not looking to be hired or being paid. Just wanted to help.
michaelecom
New Member
8 0 0

Hi, I added it to the bottom but it broke the website.

I removed the bottom "}"  and the website loaded but the text was still not within the section. 

When I add back in that character, the website does not load correctly.

made4Uo
Navigator
210 11 77

@michaelecom 

My bad with the brace. Can you try this instead?

#section-163260389452ac7e37 > center{
width: 82% !important;
margin: auto !important;

}

I do not work with Shopify. I am not looking to be hired or being paid. Just wanted to help.