Changing the color of my Blog posts’ titles on the front page

  • bzayas

    (@bzayas)


    1 month, 1 week ago

    Hello! I changed the font so that anything with a link will have a white font (like all my buttons). However, that also affected my blog post titles on the front page which are also linked to take you to the actual post. Is there an easy way to change it so that the steady font for the title has the hex color #598094? Right now you can only see the title if you hover over the area above the text and under the picture (just scroll down to Latest on the Blog and you will see what I mean!)

    Thanks for your help!

    Beverly Hayes

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Kharis Sulistiyono

    (@kharisblank)

    1 month, 1 week ago

    Hi @bzayas,

    Upon checking, your site’s content composed with particular page builder plugin.

    The color option for particular element like post title should have been managed from your page builder.

    If you can’t find the relevant option, you may need to contact your plugin’s support representative.

    Thread Starter bzayas

    (@bzayas)

    1 month, 1 week ago

    I’m using your widget Sydney FP: Latest News.

    I want the font on the call to action button to be white, but that also changes the color of the blog titles that are displayed to white. And they don’t show because the background is white. How can I fix this?

    Kharis Sulistiyono

    (@kharisblank)

    1 month, 1 week ago

    Hi @bzayas,

    Thank you for getting back along with extra details.

    I checked your post title’s color is now more contrast. While maintaining its visibility with its current color, you can style you button with this simple CSS code:

    .entry-content .roll-button:not(:hover) {
        color: #6c9db5 !important;
        background-color: transparent;
    }

    .entry-content .roll-button:hover {
        background-color: #6c9db5 !important;
        color: #fff !important;
    }

    Add it to Appearance > Customize > Additional CSS from dashboard.

    Thread Starter bzayas

    (@bzayas)

    1 month, 1 week ago

    Thank you. However, I want my buttons to be blue with white font when static and go transparent with blue borders and font on hover. I would also like the post titles to stay in that same blue. Can that be done? Sorry for all the questions!

    Thread Starter bzayas

    (@bzayas)

    1 month, 1 week ago

    spctranslations.com

    Thread Starter bzayas

    (@bzayas)

    1 month, 1 week ago

    I guess what I am saying is that the buttons are fine now. All I want is for the titles of my blog posts to show within the widget on the front page.

    • This reply was modified 1 month, 1 week ago by bzayas.
    Thread Starter bzayas

    (@bzayas)

    1 month, 1 week ago

    The button is fine–I just want the titles above the paragraphs to show. Right now the titles are white because any text with a link will take on the same color (white). In this widget, if I change the color to blue (anything with a link), the titles will be visible, but then the button text will also be blue. The titles have links as well which is why they are showing up in the same white color and do not take on the theme color (blue). When you hover over the title, the hover color shows, which is fine.

    • This reply was modified 1 month, 1 week ago by bzayas.
    Kharis Sulistiyono

    (@kharisblank)

    1 month ago

    Hi @bzayas,

    Thank you for getting back.

    You can change the post title color manually with this simple CSS code:

    .sydney_latest_news_widget .blog-post .entry-title a {
        color: #6c9db5 !important;
    }

    Add it to Appearance > Customize > Additional CSS from dashboard.

    Thread Starter bzayas

    (@bzayas)

    2 weeks, 5 days ago

    Thank you! It worked! Now I see another problem. The text in my buttons on the front page is underlined (LEARN MORE, CONTACT ME, VISIT THE BLOG), as well as the titles for my blog posts when visiting the blog. Do you think that may have happened when updating the theme? That’s weird because I have a child theme and it should not have happened. Could you take a look? THANK YOU!

    https://spctranslations.com/

    https://spctranslations.com/blog/

    Kharis Sulistiyono

    (@kharisblank)

    2 weeks, 5 days ago

    The text in my buttons on the front page is underlined (LEARN MORE, CONTACT ME, VISIT THE BLOG), as well as the titles for my blog posts when visiting the blog.

    Looks like the latest update of WordPress contains particular style that displays underlined links in content area. That’ll be fixed permanently in upcoming Sydney update for this link style adjustment.

    Meanwhile, to fix it, you can add this simple CSS code to Appearance > Customize > Additional CSS from dashboard.

    :root .site :where(a:where(:not(.wp-element-button))) {
        text-decoration: none !important;
    }
    Thread Starter bzayas

    (@bzayas)

    2 weeks, 3 days ago

    Thank you so much!

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