Symmetry theme: Adjust size of text below heading and button size

[jaehyeokeom]

Hello folks. Does anyone have an idea how to adjust size of text and buttons in overlay slideshow in mobile view only?

https://seo19xx.com/

passcode: seo19xx

[Ujjaval]

@jaehyeokeom Put below css into theme.liquid file before closing tag

[jaehyeokeom]

It worked but there is another problem. I want to reduce the size of buttons smaller than you made them. Now the text on buttons does not center.

[SocialAutoPost]

Hello @jaehyeokeom ,

Reduce the width and height of the buttons: From the code @Ujjaval sent, you can use thewidth and height properties to specify the desired width and height of the buttons in pixels (px) or another unit of measurement. For example, you can try setting the width and height to smaller values, such as 100px and 50px, respectively.

Center the text on the buttons: To center the text on the buttons, you can use the text-align property and set it to center. You can add the following CSS rule to your code:

a.overlay-text__button.button.altcolour {
    width: 100px !important;
    height: 50px !important;
    text-align: center !important;
}

[Minakshi15]

@jaehyeokeom
put below css into theme.liquid file before closing tag

@media only screen and (max-width: 600px) {