Trouble with indents when using .entry-content class selector

[Doug]

I was having an issue with gallery images on my home page not aligning with the left edge of main content area. It's the section under "Work" on my home page.
http://www.arrovox.com

So I added the following code to Custom CSS in Appearance in the WordPress editor.

.entry-content ul {
    margin-left: -5px;
}

That fixed the left-edge alignment problem.

However, now, on my blog pages, any time I use a bullet, it's now pushing the bullet points out to the left, as you can see on the bullet points on this page:
https://arrovox.com/2018/07/30/ep-02-synthetic-voice-personality-parameters/

When I toggle the code above on and off in inspect, I can get the results I want for both the home page gallery images and the bullet indents, but not both at the same time.

I don't understand how the ".entry-content" class selector works, and am wondering if there's a way I can have both the home page gallery images align to the left of the main content column, while also having the bullet points align properly, and not extending out into the left margin.

Thank you for any guidance on this.
Doug

http://www.arrovox.com

[Victor Font]

You can further qualify the custom home page CSS with the .home class:

.home .entry-content ul {
    margin-left: -5px;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[andytc]

You just need to be more specific with the selector for the class you want to affect

As below should fix it for you -

.home .wp-block-gallery {
 margin-left: 0;
}

This will affect only the wp-gallery-block on the home page and will be affected by what's set in Reading >> Settings , for you , it's 'home'.

You could also use the page ID , on your site for the home page it would be -

.page-id-1410 .wp-block-gallery {
    margin-left: 0;
}

Same result , it's about being specific when needed so that CSS changes you make don't affect the whole site on certain elements , so we have to be more focused to avoid that.

[andytc]

Oops .. sorry Victor posted same time 🙂

[Doug]

Thank you Victor, that worked great!

[Author]

Posts