Home Forums Weaver Xtreme Theme Formatting post titles differently, depending on where they appear

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #69205
    GeorgeW
    Participant

    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!

    #69206
    scrambler
    Moderator

    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

    #69214
    GeorgeW
    Participant

    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).

     

    #69220
    scrambler
    Moderator

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

    h2

    by

    #content h2

     

    #69232
    GeorgeW
    Participant

    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

     

    #69233
    scrambler
    Moderator

    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 đŸ™‚

    #69234
    Private Reply
    GeorgeW
    Participant
    This reply has been marked as private.
    #69235
    scrambler
    Moderator

    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

     

    #69240
    Private Reply
    GeorgeW
    Participant
    This reply has been marked as private.
    #69242
    scrambler
    Moderator

    Add the rule below

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

     

    #69243
    Private Reply
    GeorgeW
    Participant
    This reply has been marked as private.
    #69245
    scrambler
    Moderator

    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…)

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.