Slider title can't be adjusted

Home Forums All Other Themes Slider title can't be adjusted

Tagged: ,

This topic contains 11 replies, has 2 voices, and was last updated by  Forum Moderator 2 years, 3 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #34594

    Wen
    Member
    • Topics: 10
    • Replies: 15
    • Total: 25
    Member since: February 4, 2016

    Hi all,

    This is my website http://www.cet-icp.org/

    If you can see, the first slider has a long title (Deferred Action for Childhood Arrivals DACA). The title is covered on the “Deferred” word.

    I tried change the font size of the slider but it doesn’t work. Previously there are some problem with the slider and your team has given me some extra code to add on.

    Can you please help me on this issue?

    Thanks šŸ™‚

    #34663

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17672
    • Total: 17672
    Member since: August 16, 2013

    Hi Wen,

    Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code there:

    .slide_info h2 span{font-size:50px !important;}

    Regards,
    Dave

    #34772

    Wen
    Member
    • Topics: 10
    • Replies: 15
    • Total: 25
    Member since: February 4, 2016

    Hi Dave,

    I need to try one more thing: remove the grey shadow of the red title in the slider. It looks good in the website, but on mobile side kind of not clear. I’m not sure is that the shadow problem, I’m just giving it a try.

    Let me know how can I do this. Thanks šŸ™‚

    #34799

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17672
    • Total: 17672
    Member since: August 16, 2013

    Hi Wen,

    Kindly add this code in Custom CSS Box:

    @media screen and (min-width:768px){
    .nivo-caption{background-color:inherit !important;}
    }

    Regards,
    Dave

    #34907

    Wen
    Member
    • Topics: 10
    • Replies: 15
    • Total: 25
    Member since: February 4, 2016

    Hi Dave,

    No, I don’t mean for the grey background layer, what I mean is the the grey shadow of the red title. For example: “C”, behind red “C” there is another grey “C” shadow. I think without that grey “C” shadow, just the red “C” might look sharp.

    #34923

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17672
    • Total: 17672
    Member since: August 16, 2013

    Hi Wen,

    Okay, Kindly add this code in custom css box.

    @media screen and (min-width:768px){
    .slide_info h2{text-shadow:none !important;}
    }

    Regards,
    Dave

    #34944

    Wen
    Member
    • Topics: 10
    • Replies: 15
    • Total: 25
    Member since: February 4, 2016

    Hi Dave,

    I tried that code, it removes the grey ā€œCā€ shadow in web browser, but not mobile browser, i still see the grey ā€œCā€ shadow in mobile.

    Would you be able to do as: remove the grey ā€œCā€ shadow in mobile browser, but keep the original grey ā€œCā€ shadow in web browser?

    Thanks

    #34956

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17672
    • Total: 17672
    Member since: August 16, 2013

    Okay, Add this code in custom css box

    @media screen and (max-width:767px) {
    .slide_info h2 { text-shadow:none !important;}
    }

    Regards,
    Dave

    #35037

    Wen
    Member
    • Topics: 10
    • Replies: 15
    • Total: 25
    Member since: February 4, 2016

    Hi Dave,

    No it is not working, even I go to Appearance -> Theme Options -> Slider Caption Colors, trying to change “red” to “white”. It doesn’t appear on the website.

    #35048

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17672
    • Total: 17672
    Member since: August 16, 2013

    Hi Wen,

    Do you want to change the color or remove the text shadow?

    Regards,
    Dave

    #35050

    Wen
    Member
    • Topics: 10
    • Replies: 15
    • Total: 25
    Member since: February 4, 2016

    Hi Dave,

    My final visual: the Font should be visibly clear.

    It is clear right now in web browser, but not mobile browser, kind of blur in mobile browser. I was first thinking of removing the text shadow to make it clear in mobile browser, but I’ve tried out your code and it doesn’t work.

    My second option will be changing the text color to see will the title of the slider be clearer or not with another color.

    If you can take out the text shadow (JUST for MOBILE BROWSER), it might be good.

    Thanks šŸ™‚

    #35079

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17672
    • Total: 17672
    Member since: August 16, 2013

    Hi Wen,

    This issue was resolved from our end. Kindly check and confirm.

    Regards,
    Dave

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.