How to change post title font size in Valenti

  • Hey guys!

    I’m trying to change the post title size as it appears over images on the homepage.

    Here is the dummy page I’m experimenting with:

    https://www.newsmaxtv.vegas/home-3

    I used the inspect function of Chrome and thought I found how to change it.
    I tried:

    .cb-post-title {
    font-size: 40%;
    }

    And it doesn’t seem to be doing anything ??

    Thank you for your time,
    Neil

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hello!

    You can try this in your custom CSS:

    .cb-module-header h2 {
    font-size: 2.1em; /* increase or decrease as needed */
}

    Hopefully that should do the trick.

    EDIT: I noticed that the CSS selector you tried using actually targets the title that appears over images within the navigation drop-down menus. Is that what you actually wanted to change?

    Thread Starter TheLifeOfNeil

    (@thelifeofneil)

    Thank you so much for your rapid response!

    Unfortunately, that CSS didn’t work.

    I actually changed the website after posting this, that probably wasn’t smart on my part =P

    I have added the slider I am trying to change to the bottom of the page.

    The text is too large and in some cases covers over half of the image in the slider. That is the text I am trying to make smaller.

    Thread Starter TheLifeOfNeil

    (@thelifeofneil)

    When I uncheck the box next to “font-size” the text is the perfect size!
    For some reason I just can’t get it to work on the live site.

    Here is a pic of the inspect section I’m referring to:

    https://postimg.org/image/iueppau81/

    UPDATE:
    I just got it working! I used:

    .cb-module-block.cb-slider-b .cb-post-title {
    font-size: 30px;
    padding: 0 40px;
    }

    I get a warning saying “Don’t use adjoining classes” though. Not sure if that’s bad?

    Adjoined classes aren’t sufficiently supported in older Internet Explorer versions (6 and earlier). So if most of your visitors happen to be using that, then you’ll have to consider making a minor tweak.

    Alternatively, you can try using this:

    .cb-slider-b h2 {
    font-size: 30px !important;
}
    Thread Starter TheLifeOfNeil

    (@thelifeofneil)

    That works too, thank you very much!
    Although now I get a warning for the use of !important lol

    My goodness. Haha. Well, you take your pick. ??

    Thread Starter TheLifeOfNeil

    (@thelifeofneil)

    Thank you =)

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to change post title font size in Valenti’ is closed to new replies.