• Resolved JustineA

    (@justinea)


    Hi,
    I don’t want to use the dark overlay for my background image. But I cannot figure out how to change the colors of the heading, subheading and button text, also the button should be another color. I predefined my colors in the color settings but it does not seem to affect the background image settings…

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello @justinea,

    Most people want overlays and white text for the slider area i.e. why we made this as common. I am writing down few CSS lines to help you.

    /* To remove overlays */
    #parallax-bg #slider-inner:before,
    .flexslider .slides li .post-image:before{
    content: “”;
    background: none;
    }

    #parallax-bg #slider-wrapper .inner-overlay:before,
    .flexslider .slides li:before{
    background: none;
    }

    /* For Heading Color */
    .slide-bg-section h1,
    .slider .captions h1{
    color: #555 !important;
    }

    /* For Sub Heading Color */
    .slide-bg-section p.center,
    .slider .captions p{
    color: #555 !important;
    }

    /* For Button background and text color */
    .slide-bg-section .read-more a,
    .slider .slider-button .read-more a{
    background: #009b77;
    color: #fff !important;
    }

    /* For Post Category Color */
    .slider .captions h6,
    .slider .captions h6 a{
    color: #555 !important;
    }

    /* For Button hover background and text Color */
    .slide-bg-section .read-more a:hover{
    background: #d0be80 !important;
    border: 1px solid #d0be80 !important;
    color: #fff;
    }

    To change any color you need to put your hex color code. You can get hex color code from this url:
    https://htmlcolorcodes.com/

    Copy and paste the above CSS in Appearance -> Customize -> Additional CSS

    Regards

    Hi, I am struggling to remove the red border around my slider images. Please assist? I tried #page article {
    padding: 0;
    border: 0;
    }

    but it doesn’t work.

    Hi @rakerecruiters

    Could you provide us the screenshots of the issue? Also mention your website URL so that we can provide you the solution.

    Regards

    Hi,

    https://www.motorandgeneral.co.za/
    Please forward email address to [email protected] so I can send the screenshots

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Customizing the look of Slider Text’ is closed to new replies.