Theme Horse

Customising Font size of featured content on mobile device

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

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

Author

Posts
June 7, 2016 at 8:03 am #45360
Markus
Participant
I can’t change the “featured text” on the mobile device on focus-consult.at. I can change the font size of the title on the mobile device like so:
```
.featured-text .featured-title {
font-size: 12px;
}
```
But i can’t change the size of the text below. Some of the things I tried:
```
.featured-text {
font-size: 11px;
background-color: yellow;
}

.featured-content {
border: 1px solid green;
font-size: 11px;
}

.featured-text .featured-content {
font-size: 11px;
}
```
The last one works on Firefox and makes the font-size smaller, but when I add it to the custom CSS file it doesn’t pick it up.
June 14, 2016 at 7:24 am #45483
Theme Horse Support Team
Keymaster
Hi Markus,

To change the font size for feature content just go to Go to Appearance -> Customize -> Ambition Theme Options -> Custom CSS and paste the below CSS code then click on Save button.
```
@media only screen and (max-width: 767px) {
.featured-text .featured-content {
    font-size: 20px;
    line-height: normal;
}
}
```
Note: Change the digit value 20 above to your own value to change the font size.

Also you can easily edit the typography via built in theme options just go to Appearance -> Customize -> Ambition Theme Options -> where you can see the Font Family/size/color.

Thank you!
Author

Posts

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

You must be logged in to reply to this topic.