How to change the position and size of text and buttons seperately for mobile and desktop?

I am trying to position the text and button on my slideshow images so they show up centered to the left, but there is no option to move them slighty only middle left which is completely to the left and looks odd. I tried adding white characters to make it look a bit better on desktop, but then the mobile version looks terrible. How can I make the text center left for both mobile and desktop? Is there a certain code I should use? I am not well versed in coding and the person helping us make our website doesn’t seem to know much either… PLS HELP :cry: Thank you in advance for your help. - a stressed out marketing manager

First you have to find out what the button class is. Its usually “.btn” but not always. Do you know how to find that info? If you do, continue with the rest of the directions, if not I can help you with that first, just let me know.

Click the section that the button is in and in the right side panel, scroll all the way to the bottom. The last option should say “custom css” add the class name followed buy a space and an open curly bracket { then skip one line down tab over to be in line with the open curly bracket { and type in “text-align: left” without the quotation marks. You could put left, right, center, or justified. Then skip one row down and put another curly bracket, the closing curly bracket }

Hi! Thank you so much for your help. I am not sure how to figure out the button class. Can you provide more info on how I can find that?

Thanks again!

Sure, so if you go to the website in either an edge or chrome browser, right click with your mouse in an empty area to open the right click menu and then click “inspect” that opens the dev tools interface on the right side, next to your browser. In the very top left corner of Dev tools, there’s a button that looks like a square with an arrow over the corner of it, click that. Then hover your mouse over the button u want to change. You should see boxes of info popping up as you move the mouse around on the page.

When you see the info for the button u want to change, click it. It will highlight the associated info in the dev tool interface.

In that highlighted (highlit? lol) info there should be either an id or a class. That’s what u need for the css instructions previously explained.

Take a pic of that info if you have trouble.

Thank you for the detailed info you are amazing! I took some screenshots that I will share here as I am still not quite sure of the button class. I think it may be .slid? But I just want double check with you.

Thank you!

Okay, great, very very close! That is the info for the link that the button leads to, as indicated by the “a” with a period following.

If you move your mouse pointer very very slightly outward from there, but still within the button, you can see another box that will pop up that looks identical to the one from your picture, except it won’t have “a.“ it will most likely have a

“.btn” or “.button” somewhere.

Hey, just wondering if you got that fixed or if I can help u any further with the issue?