- This topic has 13 replies, 3 voices, and was last updated 9 years ago by Theme Horse Support Team.
-
AuthorPosts
-
March 28, 2015 at 5:53 pm #23586AhmadParticipant
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;
}
}March 31, 2015 at 5:20 am #23661Theme Horse Support TeamKeymasterHi 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!
March 31, 2015 at 8:22 am #23669AhmadParticipantThank your quick help and it worked!
but how about the read more button?
April 1, 2015 at 5:18 am #23685Theme Horse Support TeamKeymasterYou can add below code for button:
.featured-slider .call-to-action { padding: 4px 10px; font-size:13px ; }
Thank you!
April 2, 2015 at 2:44 am #23701AhmadParticipantThank you!!!
April 2, 2015 at 5:02 am #23704Theme Horse Support TeamKeymasterYou welcome Ahmad
Thank you!
April 14, 2015 at 9:20 am #24024AhmadParticipantOh another thing, how to add background to the text in slider?
for example, I want to have this colour as the text background #0190c1
April 15, 2015 at 5:09 am #24038Theme Horse Support TeamKeymasterHi 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!
April 15, 2015 at 10:01 am #24063AhmadParticipantSorry, 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?
April 15, 2015 at 10:57 am #24067AhmadParticipantApril 15, 2015 at 10:57 am #24068AhmadParticipantsomething like this but with this colour code #0190c1
April 17, 2015 at 6:43 am #24109Theme Horse Support TeamKeymasterHi 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!
April 17, 2015 at 12:32 pm #24120AhmadParticipanthi,
thank you for the css codes.
but nothing changed after i inserted the css.
April 20, 2015 at 6:00 am #24174Theme Horse Support TeamKeymasterCould you please provide us your site URL so that we can have a look?
Thank you!
-
AuthorPosts
- You must be logged in to reply to this topic.