badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Slider Featured Text

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #23586
    Ahmad
    Participant

    could anyone provide custom css to force the featured text size in slider to be responsive?

    I already applied this css


    @media
    only screen and (max-width: 767px) {
    .featured-text {
    display: block;
    }
    }

    #23661

    Hi Ahmad,

    To have the responsive for featured text in the slider go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

    
    @media only screen and (max-width: 767px) {
    .featured-text {
        font-size: 10px;
        line-height: 13px;
    }
    
    .featured-text .featured-title {
        font-size: 11px;
        line-height: 14px;
    }
    }

    Thank you!

    #23669
    Ahmad
    Participant

    Thank your quick help and it worked!

    but how about the read more button?

    #23685

    You can add below code for button:

    .featured-slider .call-to-action {
        padding: 4px 10px;
        font-size:13px ;
    }

    Thank you!

    #23701
    Ahmad
    Participant

    Thank you!!!

    #23704

    You welcome Ahmad

    Thank you!

    #24024
    Ahmad
    Participant

    Oh another thing, how to add background to the text in slider?

    for example, I want to have this colour as the text background #0190c1

    #24038

    Hi Ahmad,

    We are confused what are you saying? Please clarify which background do you want to change? It would be better if you provide the screenshot too so that we can provide you the exact css.

    Thank you!

    #24063
    Ahmad
    Participant

    Sorry, maybe my question is not clear.

    I would like to highlight the text and link button in the slider with specific colour.

    Could you provide the specific css to do so?

    #24067
    Ahmad
    Participant

    something like this

    #24068
    Ahmad
    Participant

    something like this but with this colour code #0190c1

    #24109

    Hi Ahmad,

    Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

    .featured-text .featured-title,
    .featured-text .featured-content {
        background-color: #0190c1;
        padding: 10px;
    }

    Thank you!

    #24120
    Ahmad
    Participant

    hi,

    thank you for the css codes.

    but nothing changed after i inserted the css.

    #24174

    Could you please provide us your site URL so that we can have a look?

    Thank you!

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