How to change the font color of the titles in the slider

  • Author
    Posts
  • #158037
    jsspada
    Member

    Hello,

    I’m using Tortuga, which I really find an excellent theme.

    I would like to apply just one small change, but it seems I can’t find the right code to add in the CSS Custom.

    What I need to do is to change the color of the font in the title of the articles within the slider in the homepage.

    (The font color of all the other titles in the theme should remain as it is right now – no changes)

    Precisely, the font color of the titles in the slider is now red, and I would like to turn it white.

    Consider that I tried to add the following code which was suggested to me in the general Forum, but with no success:

    .slide-content, h2.entry-title, a {color:#fff;}

    In this code, I also tried to include “!important” as follows

    .slide-content, h2.entry-title, a {color:#fff !important;}

    but, as a result, all the titles in the homepage, as well as those within all posts, turned white, while I just need to change the titles in the slider from red to white.

    Could you please help me out?

    Many thanks,
    Enrico

    #158114
    themezee
    Theme Author

    Hello Enrico,

    Thanks so much for using Tortuga.

    You can use this short CSS snippet to change the link and hover color of the post titles within the post slider:

    .post-slider .slide-content .entry-title a:link,
    .post-slider .slide-content .entry-title a:visited {
        color: #fff;
    }
    
    .post-slider .slide-content .entry-title a:hover,
    .post-slider .slide-content .entry-title a:active {
        color: #ccc;
    }

    Cheers,
    Thomas

    #158124
    jsspada
    Member
    Original poster

    Hello Thomas,

    Thank you very much for your message.

    I actually tried with the following piece of code and it proved to be the right one:

    .wp-block-newspack-blocks-carousel article .entry-title {
    color: white;
    }

    Many thanks again,
    Enrico

    #158243
    jsspada
    Member
    Original poster

    Hello again,

    I’m using Tortuga and I’m trying to find a working code to change the size of the Social Icons Widget – Jetpack’s box in the right sidebar. I have found some codes online and tried to add them to the Custom CSS, but with no results.

    In particular, I need to reduce the height of the widget box (i.e. the shorter side of the rectangle), maybe reducing the spaces inside the box itself (padding, am I right?).

    Could you please help me out?

    Thank you so much,
    Enrico

    #158368
    themezee
    Theme Author

    Hello Enrico,

    Can you please tell me the URL to your website so I can take a look?

    The Social Icons widgets comes from Jetpack and WordPress.com, not the theme, so I do not know the CSS code of that.

    Best,
    Thomas

  • The topic ‘How to change the font color of the titles in the slider’ is closed to new replies.