How to change the font color in the title of the articles within the s

  • Unknown's avatar
    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 – no changes)

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

    Could you please help me out?

    Many thanks,
    Enrico

    PS – I have already tried with some codes I found somewhere online, but with no success. If you’re interested, here they are:

    .slide-content h2 a {
    color: black !important;
    font-family: cursive;
    font-size: 24px !important;
    }
    ——————————————————–
    .slide-content .entry-content {
    font-family: times new roman !important;
    color: red !important;
    font-size: 15px !important;
    }

  • Unknown's avatar
    iamwplearner · Member ·

    Hi,

    I have reviewed the theme “Tortuga”.

    To change the Title color on homepage slider: slider text title color change

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

    Also, you can contact to theme provider for further CSS queries to avoid the other changes using the CSS.

    Tortuga theme provider

    If you need any further assistant, please share your site link.

    Hope this is helpful to you.

  • kokkieh · Staff ·

    @enricocairoli2020,

    Let us know if the CSS code provided above doesn’t work for you.

    Also note that your plan gives you access to both live chat and direct email support. You can reach those at any time by clicking the Help icon that appears bottom-right on all the My Sites pages, or else via the direct link at https://wordpress.com/help/contact


    @iamwplearner    ,

    Please don’t refer people to third party support for a product they bought from WordPress.com for their WordPress.com site. We provide support for the version of Tortuga that’s sold on WordPress.com and included in our plans. The theme developer will only provide support for the self-hosted version of their theme, not the version that’s available on WordPress.com.

    If you haven’t yet, please have a look at our volunteer guidelines for some tips and best practices for helping in our forums:

    WordPress.com Volunteers

  • Unknown's avatar
    jsspada · Member ·

    Dear Kokkieh and @iamwplearner

    Many thanks for your interest.

    I tried to add the code .slide-content, h2.entry-title, a {color:#fff;} but with no success, no change happened…

    Then, I tried again by including “!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 (and hence disappeared because the background of the website is also white), while I just need to change the titles in the slider from red to white.

    I hope this is useful to figure out the right code. Please let me know if you have other suggestions.

    Best regards,
    Enrico

  • staff-mckluskey · Staff ·

    Hi Enrico,

    Try this piece of code instead:

    .wp-block-newspack-blocks-carousel article .entry-title {
  color: white;
}
  • Unknown's avatar
    jsspada · Member ·

    This is the right one, thank you very much!

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

  • Unknown's avatar
    jsspada · Member ·

    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

  • staff-blorbo · Staff ·

    I need to reduce the height of the widget box

    Via Custom CSS https://wordpress.com/support/custom-design/custom-css/ add:

    .jetpack_widget_social_icons ul {
    margin-bottom: 0px;
}

    maybe reducing the spaces inside the box itself

    There’s already a padding of 0 on these so it’s as far as they can go.

  • Unknown's avatar
    jsspada · Member ·

    The code is working, thank you so much for your support!

  • The topic ‘How to change the font color in the title of the articles within the s’ is closed to new replies.