centering images, buttons text on front page-- both desktop and mobile versions

Shapely
1

Hi, I’ve searched quite a bit through the forum and can’t seem to find what I’m looking for…

I need to know the CSS code (or the way) I can center images on the front page on both desktop and mobile versions. Also some text and even the contact form.

Also, is there a way I can edit the mobile version without it affecting the desktop version?

thanks!

2

Hey there

Sorry, but which image and text you want to center? there are several sections on the page with image and text combination,
edit mobile view - well, depends on your experience with CSS and general web design, also what you want to change and how
use this code in appearance > customize > custom css to center contact form:

.contact-section .col-md-8 {
width: 100%;
}

3

Thank you for the information about the contact form, that worked perfectly. No I’m not such an expert on web design or CSS but I’m finding my way through your help, haha! This forum has been pretty helpful.

Here’s some attached images of things I would like to change. Like on the mobile version, things are offcenter, and also the part where it says “my sound” I would like that image to be between the title and text, instead of below the button. If I center the image on the desktop version it’s in the right place on mobile, but I actually want to keep it on the right side in the desktop version and when I do that it goes here in the mobile. Totally don’t understand that.

Thanks, Jenni