[Resolved] Home do not align

[Ying]

Hi there,

I just checked your site and the child theme CSS is cached and loading:
https://www.screencast.com/t/Tz5J7gBBzf

[Zoltan]

Hi There,

Thanks for checking. I have cleared the cache and also purged everything in Cloudflare.

Is my child theme loading okay then? Or the child theme CSS should never be cached?

[Ying]

I mean your child theme is loading correctly with the below CSS:

.single-post .entry-content a {
text-decoration : underline;
text-underline-offset : 0.19em;
}
.entry-content ul li {
margin-left : -1.5em;
margin-bottom : 10px;
position : relative;
}
@media (max-width: 768px) {
#right-sidebar {
display : none;
}
}

But this part of CSS is conflicting with the CSS Leo provided:

.entry-content ul li {
margin-left : -1.5em;
margin-bottom : 10px;
position : relative;
}

Maybe try remove this part and then add Leo’s CSS to the child theme’s style.CSS to test?

Make sure you clear cache each time after changes are made.

[Zoltan]

Hi @Ying,

Thanks, that worked. I did as you suggested, and added the CSS to the child theme’s style.CSS file.

I have removed the below CSS, because you mentioned that it was conflicting with the other CSS:

.entry-content ul li {
margin-left : -1.5em;
margin-bottom : 10px;
position : relative;
}

Because the above CSS was removed now all of my bullet points have moved to the right, by 1.5em, which is not ideal, especially on mobile devices.

Would you have any recommendation to move all bullets back to the left by 1.5em, please?

[Ying]

In that case, let’s make some changes to the CSS:

Change it to:

.entry-content ul li:not(.wp-block-latest-posts.is-grid li) {
    margin-left : -1.5em;
    margin-bottom : 10px;
    position : relative;
}

Then add it back to the your child theme style.css 🙂

[Zoltan]

Thank you @Ying! 🙂

I added this back to my child theme style.css

It works well now.

[Ying]

Glad to hear that 🙂

[Author]

Posts