Theme Horse

tint behind text on sliders

Tagged: buttons, slider text

This topic has 3 replies, 2 voices, and was last updated 5 years, 5 months ago by Theme Horse Support Team.

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

Author

Posts
May 17, 2019 at 5:19 am #63425

rowena
Participant

Hi There,
I have text running over the sliders but it gets lost against the images. Is there any way of putting a tint behind the text as in Altitude Pro? Also how would I put buttons on the pages as you have done in the demo?
Thank you.

May 22, 2019 at 11:21 am #63616
Theme Horse Support Team
Keymaster
Hi there,

Go to Appearance > Customizer > Design Options > Custom CSS and paste the custom CSS code below to tint behind the text.
```
.featured-text .featured-title {
    padding: 10px 20px;
    background: rgba(58, 176, 219, 0.9);
    margin-bottom: 10px;
}
.featured-text .featured-content {
    padding: 20px;
    background: #555;
    margin-bottom: 20px;
}
```
Thank you for using our theme.
May 29, 2019 at 12:42 am #63766

rowena
Participant

Thank you so much for that.

One other thing, what would the code be for filling the button “read more” with tint instead of being transparent?

Thank you.

May 29, 2019 at 1:43 pm #63808
Theme Horse Support Team
Keymaster
Hello Rowena,

For Read More button just use the below custom CSS code:
```
.call-to-action {
    padding: 10px 20px;
    background: rgba(58, 176, 219, 0.9);
    margin-bottom: 10px;
    border: none;
}
```
Thank you!
Author

Posts

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

You must be logged in to reply to this topic.