You can customize the appearance of the text that appears in the highlighted animals section by using code changes. This section gives you instructions for changing the appearance of that text.


.highlightedInfo

Here we've added the following code to adjust the width of this section to 500px wide and added a Google font and some line-height for readability,

.highlightedInfo {
width: 500px;
font-family: "Ubuntu",sans-serif;    
font-weight: 400;
line-height: 1.95em;
}

If you want to style the entire Highlighted section, this can help get you started.

/* /////////////////////// */

/*HIGHLIGHTED*/

.highlightedInfo {
    text-align: justify !important;
    width: 500px;
}

.highlighted {
    margin: 5px auto 50px;
}

.browse, .highlightedInfo {
    font-size: 14px;
}



On this page:

Using code to adjust the width and line height

The portion of the HTML code that contains the code for the text used for highlighted animals is:

.highlightedInfo

Using the code below, we've adjusted the width of this section to 500px wide and added a Google font and some line-height for readability.

.highlightedInfo {
width: 500px;
font-family: "Ubuntu",sans-serif;    
font-weight: 400;
line-height: 1.95em;
}

If you want to style the entire Highlighted section, the code below can help get you started.

/* /////////////////////// */

/*HIGHLIGHTED*/

.highlightedInfo {
    text-align: justify !important;
    width: 500px;
}

.highlighted {
    margin: 5px auto 50px;
}

.browse, .highlightedInfo {
    font-size: 14px;
}





Popular Questions

We can't find any questions. Check the topic exists.

Have a question about this topic?

  • No labels