Custom CSS no effect?

Forums » WordPress » Mantra » How To

  • Author
    Posts
  • August 24th, 2018 at 07:35 #67588
    harry1984

    Hello!

    I want to e.g. change the font of the h2 class=”entry-title” to bold via the Custom CSS field like this…

    .entry-title h1 {
    font-weight: bold}

    … but it seems, that there is no effect. What do I wrong here (I am a CSS newbie)?

    Thanks
    Harry

    PS: Thanks for the perfect Mantra theme!

    Website: web.exacthair.at

    August 31st, 2018 at 10:40 #67821
    Zed
    Cryout Creations mastermind

    Try making your custom styling more specific:
    body .entry-title h1 {

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    September 3rd, 2018 at 08:39 #67916
    harry1984

    Thanks for the feedback!

    I tried it, but it seems, that it still doesn’t has any affect.

    e.g. the headline “≡ eXacthair Special | SummerCurls” on site http://web.exacthair.at/?p=2014 should be bold with CSS…

    body .entry-title h1 {
    font-weight: bold;
    }

    … but it is still normal.

    Maybe you can support me? Thanks!

    Website: web.exacthair.at/?p=2014

    September 6th, 2018 at 11:57 #67969
    Zed
    Cryout Creations mastermind

    For that particular element you’ll need to use
    body h1.entry-title

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    September 10th, 2018 at 15:45 #68089
    harry1984

    thanks but still no effect :-/

    September 23rd, 2018 at 15:09 #68500
    Zed
    Cryout Creations mastermind

    Try body #content h1.entry-title instead.

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    September 24th, 2018 at 11:03 #68549
    harry1984

    Perfect – now it works! 🙂

    If it is possible for you to give me answers to the following 2 questions:

    > Between the 4 dots from the slider and the below posts there is a lot of space > is there a possibility to reduce it?

    > The (in this case 6) posts are not 100% aligned with the slider withd > I would like to see them in exactly the width of the slider > is there a possibility?

    Thank you
    Harald

    Website: web.exacthair.at

    October 4th, 2018 at 12:48 #68923
    Zed
    Cryout Creations mastermind

    You can reduce the spacing with: 

    body .slider-wrapper {
    padding-bottom: 0;
}

    For the second question, I believe you’ve found some incorrect styling in Mantra. To correct it until the next update, add the following CSS:

    @media (min-width: 641px) {
.home #content article.post {
    width: 49%;
    margin-right: 2%;
}
.home #content article.post:nth-child(2n) {
    margin-right: 0;
} }
    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Custom CSS no effect?’ is closed to new replies.