2011 child theme CSS not rendering in Chrome & Safari, working in Firefox

how are you re-adding the sidebar to the single posts?

there is a difference in the body_class between the two example sites –

‘popup..’ has the .singular class while ‘julie..’ has not.

this seems to lead to the different formatting of the title color.

both category archives show the titles in red (Firefox)

I don’t see the ‘Next and Previous navigation’ in neither site in Firefox.

some of these issues might be a browser cache problem.

Hi alchymyth.

Thanks for your response. I’m glad you were able to identify what the issue might be. I’m still a newbie, so that wasn’t something I found on my own.

I re-added the sidebar using a short code outlined in this article:
https://futurewebblog.com/add-sidebar-support-posts-twenty-eleven-theme/

The author said to add the code <?php get_sidebar(); ?> into the “single.php” file, which I did. However, when I did that to the julie site, it still didn’t bring the sidebar over, so I followed a piece of additional advice that he outlined in a comment. This was to add the code on the page below to the “functions.php” file.

https://pastebin.com/fU3FEnkt

When I added the code found on this page to my functions file, the sidebar was added to the julie site. I thought that was great, but then have this issue with the text color and the next/previous navigation still appearing on the single blog posts.

Do you think you could explain to me how I can change the julie site to use the .singular body_class as the popuppoems site?

Thank you very much for your time!

explain to me how I can change the julie site to use the .singular body_class

no
– .singular should not appear on any page with a sidebar;
using .singular in single post and static pages is how the original Twenty Eleven regulates the formatting of the layout.

you will need to find different styles to change the title to red (or sort the existing ones).

there is a .entry-title style with color in the line 241 or so in the child theme style.css, which overwrites your setting of the red closer to the top of the stylesheet;

your color styles are line 66 (I don’t assume that your editor has line numbers, this is just for relative reference of total 288 lines in style.css):

.entry-title, .entry-title a {
color: #f00;
text-decoration: none;
}

line 71 (this only works for the site with the .singular class):

.singular .entry-title {
color: red;
font-size: 36px;
font-weight: bold;
line-height: 48px;
}

line 184 (pretty much a dupicate):

.singular .entry-title {
color: red;
font-size: 26px;
font-weight: bold;
line-height: 35px;
}

line 241 (this keeps the title black in one of the site, in single posts):

.entry-title {
clear: both;
color: #222;
font-size: 26px;
font-weight: bold;
line-height: 1.5em;
padding-bottom: .3em;
padding-top: 1px;
}

simply try to keep the overview over your style changes, possibly tidy the stylesheet up …

– helping with fundamental formatting issues is not within the core scope of this WordPress forum –

Hi alchymyth,

Thank you very much for your detailed response. So, if I am understanding you correctly, you are saying that the popoppoems site use of the .singular body_class is not ideal? and that i should change that to match the same body_class that juliecaffey is using?

And then from there i should find alternative CSS rules to change the color of the text?

Could you please tell me how you were able to identify that the two sites were using different body_classes? And then, how would I change the popuppoems to be the same as the juliecaffey?

Thank you in advance for your help!

the popoppoems site use of the .singular body_class is not ideal?

there is no ideal world – if it works for you, this is all that counts – don’t change it.

I personally prefer the method of adding sidebars and manipulating the .singular class to keep the layout in Twenty ELeven child themes – that is all (see my post).

how you were able to identify that the two sites were using different body_classes?

I work with Firefox’ web developer add-on https://addons.mozilla.org/en-US/firefox/addon/web-developer/ to investigate the css structure of sites. other people use Firebug https://getfirebug.com/ .

there are similar tools for other browsers.

both mentioned tools are free browser tools to help with troubleshooting formatting issues (and more). you still need a good understanding of html and css to get results with these tools.

how would I change the popuppoems to be the same as the juliecaffey?

don’t change anything – it seems to be working so far.

just remove the color code from the .entry-title style in line 241, or change it to red.