Formatting post titles differently, depending on where they appear

[GeorgeW]

Hello,

I have made some CSS tweaks to the H2 tags.

You can see them in the subheads (which are H2), on a page like this:

Exposed: The product review hoax

The problem is this formatting propagates on other parts of the site:

Homepage post titles:

https://3000reviews.com

Sidebar post titles:

Product review 1

Is there a way to strip away this formating, or use a different one, depending on where those H2 tags appear? For example, with a “widget title class” or something similar?

Btw, I absolutely love the Weaver Xtreme theme!

[scrambler]

Css allows you to add selector to any rules to target specific content.

In order for me to help, I need specifics.

Are you trying to make changes to specific content you create, or to make the change affect certain section (like widgets), or pages.

Once we know what defines the target, we can elaborate on the CSS selector(s) to use

[GeorgeW]

Hi, scrambler…

I have already made changes to specific elements of the site. For example, I added this to the h2 tags:

h2 {
padding: 0.3125em 0;
margin: 0 0 0.3125em;
border-left: 0.3em solid #246796;
margin-bottom: 1.0em;
padding-left: 1.0em;
font-size:150%;
color: #246796;
}

But I want this to be applied ONLY to the h2 subheads inside posts and pages. Like this:

Exposed: The product review hoax

I do NOT want this to be applied to links inside the sidebar widgets.

Similarly, I have made the post titles bold.

But I do NOT want this to be applied to links inside the sidebar widgets, or to the linked titled posts on the homepage.

Is there a way for me to do something like this:

h2 {
padding: 0.3125em 0;
margin: 0 0 0.3125em;
border-left: 0.3em solid #246796;
margin-bottom: 1.0em;
padding-left: 1.0em;
font-size:150%;
color: #246796;

[magic css code that applies the above only to the h2 tags inside a blog post]

}

Sorry if my post is a bit confusing.

Thanks!

George

PS. An alternative may be to separately style individual assets like:

• Links in sidebar widgets
• Links in blog-post pages (homepage).

 

[scrambler]

If you only want to affect h2 in the content area, replace the selector

h2

by

#content h2

 

[GeorgeW]

Thank you scrambler.

I did this and it did help somewhat.

It removed the left blue border from the sidebar widgets, which is good.

My problems still are:

1. The sidebar post titles are still bold with left blue border.
2. The post titles on the homepage are still bold with left blue border.

Can anything else be done?

I appreciate your time and patience.

Thanks,

George

 

[scrambler]

The Post titles are bold because you have done this 2 different ways

• You set option for post title to be bold
• You entered a rule in the CSS+ box to do it
  .wrapper .post-title a,.wrapper .post-title a:visited {font-weight: bold;}

The sidebar titles still have a left border because you still have a Custom CSS generic rule doing that

h2 {
padding: 0.3125em 0;
margin: 0 0 0.3125em;
border-left: 0.3em solid #246796;
margin-bottom: 1.0em;
padding-left: 1.0em;
font-size:150%;
color: #246796;
}

So go through all your theme options, CSS+ boxes, and Custom CSS File with a comb 🙂

[GeorgeW]

This reply has been marked as private.

[scrambler]

Must have been a cache issue

2) post titles where? Single post page (then use the theme page title font option) or blog page (give a link), or both

3) Change the selector from

#content h2

to

#content .entry-content  h2

 

[GeorgeW]

This reply has been marked as private.

[scrambler]

Add the rule below

.single h1.page-title {font-weight:bold !important;}

 

[GeorgeW]

This reply has been marked as private.

[scrambler]

The rule I gave you is NOT responsible for that  as it only affect h1 post title, and the post title in your sidebar are h2s.

As I said before, the post title in your sidebar are bold because of a CSS+ rule

/* CSS+ Rules */
.wrapper .post-title a,.wrapper .post-title a:visited {font-weight:bold;}
#author-info {border: 1px solid #07D900;}

CSS+ rule are rules you put in the CSS+ box next to an option.

That CSS+ rule should be coming from the Post Title Text Color CSS+ box

(I told you to scrub…)

[Author]

Posts