Unbolding excerpt text

[nomad_jess]

Hi there,

It seems that wherever I put the Mailchimp sign-up form for our newsletter, all the text underneath it automatically bolds. You can see on our site that all the text in the 'Latest' and 'For Fun' sections are all bold. I'd like the excerpt text for those posts to be standard text.

Can you help with the CSS I might need for this?

Many thanks in advance,

Jess

http://notesofnomads.com

[Porter]

If you inspect the CSS of the page, it shows that those specific parts of the site are wrapped in not one, but 3 <strong> tags. Later in your code, you have:

b, strong {
     font-weight: bold;
   }

The above code is desired, as you do indeed want your bold text to be bold. The part that's wrong, is that the sections you mentioned, are wrapped within 3 strong tags. I'm not sure where / why that is happening, but that's definitely your cause.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[nomad_jess]

Hi Porter,

Thanks for your response. Yeah, that's what I've been struggling with. As you said, I obviously need bold to be bold when I want it to be. It has something to do with the Mailchimp form, I'm sure of it. It does the same thing wherever I put it, in the sidebar too, everything goes bold below it. Did the same in our previous theme as well.

If you have any idea how to resolve this, I'd greatly appreciate any suggestions.

Many thanks,

Jess

[Porter]

Try adding this css to style.css:

.home-bottom .widget-area p {
		font-weight: 300;
	}

In theory, that should override the current bold setting, specifically to any paragraph text contained within your bottom home widget area, which appears to only be that section.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[nomad_jess]

Thank you very much, Porter! This seems to have worked for the second part of the section, but not the first for some reason. Any idea as to how I might be able to achieve the same result for the 'latest' section?

[Porter]

Hmm, not sure why it's not effecting that area. Can you post the relevant area of css (as much as will fit) here?

pastebin.com

Post the link afterwards, and I'll take a look through your css to see if I can figure it out.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[Porter]

Before you do that, you can try replacing what I gave you, with either of these:

.home-bottom .widget-area {
		font-weight: 300;
	}

.home-bottom p {
		font-weight: 300;
	}

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[nomad_jess]

Hi Porter,

Thanks so much. I tried both of these and unfortunately it still remained as before with only the lower section changed.

However, then I tried adding code for .home-middle as well (despite both of these sections being in the home-bottom section) and it seems to have done the trick!

So now the code I have now is:

.home-bottom p {
font-weight: 300;
}

.home-middle p {
font-weight: 300;
}

Thanks so much! Wouldn't have been able to figure it out without you!

The only things that remains bold now are the headings and the location widget in the sidebar, seemingly another side effect of the Mailchimp widget that used to be there. Even though I have moved the form out of the sidebar, it still seems to be affected. Interestingly, only the homepage is affected plus the dedicated subscribe page where we have another form (you can find it by clicking on the 'Latest from the road' menu item in the main nav). Basically it's affecting pages where Mailchimp forms are located. If you click on any post, you will see how I actually want the sidebar to look - unbolded widget headings and the location widget that says 'We're currently in Split, Croatia' 'View our travel itinerary' is all normally weighted text except for 'Split, Croatia'.

If you have any ideas as to how to solve this final piece of the puzzle, I'd greatly appreciate it.

Thank you so very much!

Kind regards,

Jess

[Porter]

That's really odd behavior, I wish we could nail it at the source instead of creating hot-fixes haha.

For the widget titles, try one of these:

.sidebar .widget-area .widget-title {
		font-weight: 300;
	}

.sidebar-primary .widget-area .widget-title {
		font-weight: 300;
	}

For the "Where we've been" text, try one of these:

.sidebar .widget-area .wp-world-travel p {
		font-weight: 300;
	}

.sidebar .widget-area .wpwt-widget p {
		font-weight: 300;
	}

I don't see what's causing it to mess up in the code, but those are the proper identifiers to override something if something was, so it should work.

Side note, I'm totally jealous of your travel writing duo. My long-term goal is to be a travel writer, I'm just trying to get a business off the ground that will somewhat run on auto-pilot to fund the start to such a thing 🙂

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[nomad_jess]

I know, it's so bizarre! Unfortunately none of those codes worked, which is strange because, as you said, they technically should. Any other ideas?

You'll totally have to let us know about your site! 🙂

Greetings from Belgrade airport!

[Porter]

Hmmm, unfortunately, that's the extent of what I can do to help from here. I don't think I can do anymore without actually looking at files / trying to hunt down WHY the strong tags are being added in the first place. My ONLY other suggestion, is to add !important; to my above attempts, like so:

font-weight: 300 !important;

I'm not a fan of using !important, because I'm a bit OCD when it comes to code / crazy, but if that IS the right set of identifiers (which it appears to be), and something else is overriding it, then that would override the override.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[nomad_jess]

And just like that, it seems to have resolved itself. Very bizarre but glad it's fixed. Thanks for all your help in working through it. 🙂

[Author]

Posts