Slider Title Color

  • Author
    Posts
  • #137548

    Hi!
    I am interested in changing the slider titles from default blue to green: #4bd6aa
    I copied a CSS from a previous forum, but it changed the color to orange and I am unsure how to properly edit it (sorry for the duplicate question!).

    Thanks in advance!

    The blog I need help with is greenerositynow.com.

    #137549

    Also, is there a way to remove the “Search” bar from the header?

    Thanks again!

    #137557

    binarymoon
    Theme Author

    Hi there – thanks for the message.

    You can make the slider titles have a green background with the following custom css (make sure to delete the other custom css with the orange backgrounds).

    .primary-content .primary-wrapper .item .image-meta,
    .sidebar-category-summaries .item h4 span,
    .primary-content .primary-wrapper .item:hover .image-meta,
    .sidebar-category-summaries .item:hover h4 span {
        background: #25a67d;
    }

    You can hide the search bar with:

    .masthead .searchform {
    display: none;
    }

    Thanks! :)

    Ben

    #137818

    Thanks Ben!

    #138667

    Hi Ben,
    I noticed the slider title is much bigger on the mobile version (overlapping most of the image). Is there a way to scale down the title size?
    If possible I’d like the title to be transparent green as well, rather than solid green (#25a67d).

    Thanks in advance for your time and efforts.

    Best,
    Lindsay

    #138691

    binarymoon
    Theme Author

    Hi Lindsay – That’s a good catch. The font is actually the same size as on the desktop but it looks a lot bigger because of the reduced width. I’ve tweaked the theme so that, on mobile, the text is the same size as the headlines in the main content which makes it fit more nicely.

    This will likely take a few days to go live for you but it will be fixed :)

    To make the background transparent you should use the following custom css:

    .primary-content .primary-wrapper .item .image-meta {
    background: rgba( 37, 166, 125, 0.5 );
    }

    The 0.5 is the transparency value. 0 is fully transparent, 1 is opaque. You can tweak it as you see fit.

    Ben

You must be logged in to reply to this topic.