Bold Categories/ Widget Titles

Activello
1

Hello again

I have managed to un-bold my category headers (above each post) as well as my side widget titles. Can you give me the code to make them bold again?

Thank you!

Can I also request in this same thread for the code to un-bold the lines underneath these category and widget titles so that if I decide to keep them not bold the lines will match?

2

Hi @lucydm,

I hope you are well today and thank you for your questions.

I have managed to un-bold my category headers (above each post) as well as my side widget titles. Can you give me the code to make them bold again?

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

#page article.post .post-categories a,
#page .post-inner-content .cat-item a {
    font-weight: bold;
}
#secondary .widget h3.widget-title {
    font-weight: bold;
}
Can I also request in this same thread for the code to un-bold the lines underneath these category and widget titles so that if I decide to keep them not bold the lines will match?

Use the below CSS code to achieve this.

#page article.post .post-categories:after,
#page .post-inner-content .cat-item:after,
#secondary .widget-title:after {
        height: 1px;
}

Best Regards,
Movin

3

Thank you. I have chosen to have this text and lines not in bold. This works on everything apart from two widgets - the Translate widget and Subscribe which still have thick lines.

4

Also, I have four blog excerpts showing per page and the first and last still have bold lines under the category, the middle two are correct.

5

Could you please share me the page URL from your site where it is not displaying correctly so that i can troubleshoot it?

6

It happens randomly throughout the site. Is there a way you can edit the code to make it apply everywhere?

7

It is working fine on my test site so could you please share me the page URL from your site where it is not displaying correctly so that i can troubleshoot it?

8
9

It is displaying fine for me as shown in the attached screenshots.

Please advise.

10

Hi Movin

As I said above I want the text and lines to NOT be in bold.

When I applied the code to do this the lines were still randomly bold under some categories and widget titles.

So I want the text and lines NOT bold and everywhere rather than randomly.

11

Where have you used the provided CSS code?

I don’t see it on your site.

Please advise.

When you say it happens randomly then please share the screenshot of it.

12

I removed the code - it made my site look terrible! I can’t leave it there.

13

Then it is very hard to troubleshoot the issue.

Please at least share the screenshots of the issue as i did above so that i can try to troubleshoot the issue.

Also please check it is not your browser issue by using different browser.

14

Hi Movin

Strangely now the code to make the under lines not bold no longer works at all - everything stays bold!

15

I checked the CSS code on your site and saw you have skipped the #page in your shared code as shown in the attached screenshot.

Please make sure to use the code as it is and add the shared CSS code in the top of your existing code.

16

What is your attachment pointing to? I don’t have the code active on my website. After I pasted it exactly as it is which you can see from my screenshot where it changed nothing, I removed it.

17

I checked it from view-source:http://www.theloveplace.co.uk/

This topic is taking too much time so to resolve it quickly, would you mind if i log in to your site and use the shared code on your site? If this is ok then could you please share me your site log in details privately by checking the option “Set as private reply” when replying to this topic?

18

I would really like to fix this.

I have added the code:

#page article.post .post-categories:after,
#page .post-inner-content .cat-item:after,
#secondary .widget-title:after {
height: 1px;
}

Please see attached how the lines under the titles appear before the code and then in the second picture how they appear after - randomly thinner or thicker.

I do not want the lines as bold as they are in the before shot but as they appear in the after shot under the first post. The others are too thin.

Please help.

19

I have had to remove the code because not only are the lines different variations of thickness but it made the titles right justified on mobile devices…?

20

It seems you are doing something wrong when using the CSS code or testing it because it is working fine for me without any issue as shown in the attached screenshot.

As said previously have you tested it by using different browser?

Also as said previously would you mind if i log in to your site and use the shared code on your site? If this is ok then could you please share me your site log in details privately by checking the option “Set as private reply” when replying to this topic?