Hey pikkuapuri,

Please try the following in Quick CSS under Enfold->General Styling:

.slide-entry-title a {
  font-size: 16px;
  word-wrap: break-word;
}

Best regards,
Rikard

Hey James,

Please try this CSS instead:

.team-member-description p {
  font-size: 16px !important;
}

Best regards,
Rikard

Hey ursulamerten,

Thank you for the inquiry.

You can use this css code to adjust the style of the phone number info.

.phone-info div {
    line-height: 1em;
    font-size: 2em;
    color: red;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

Best regards,
Ismael

Hi,

dashes not displaying under the “HIGHLIGHTS” and “WHAT’S INCLUDED” headers

Glad to know that you managed to solve most of the issues. To make the dashes display, try to edit the following css code and set the display property to block.

.costa-rica-highlightsec ul.highlight-bullet li:before {
    content: ""!important;
    width: 15px;
    height: 6px;
    background-color: #97cfe9;
    margin-right: 15px;
    margin-bottom: 6px;
    font-size: inherit;
    display: block;
}

Best regards,
Ismael

Hi,
Thank you for the link to your site, I recommend changing this css:

@media only screen and (max-width: 767px) {
.av-elegant-toggle .taglist a {
line-height: 4.0em;
font-size: 0.9em;
padding: 12px 24px;
}
}

to this:

@media only screen and (max-width: 767px) {
.av-elegant-toggle .taglist a {
    line-height: 4.0em;
    font-size: 0.9em;
    padding: 12px 20px;
    display: inline-block;
}
}

This is the expected results:

Best regards,
Mike

Hey ti2media,

Thank you for the inquiry.

Please add this css code to adjust the size of the icon and move it beside the burger menu.

#top .av-custom-menu-button .av_font_icon {
    font-size: 30px;
    color: red;
}

#top .av-custom-menu-button {
    position: absolute;
    right: 100px;
    top: 14px;
    z-index: 100;
    height: 62px;
    width: 50px;
    border-right: 2px solid;
    line-height: 62px;
}

After that, you have to remove this css code to get rid of the box beside the cart icon.

.av-custom-menu-button a {
    padding: 10px 10px;
    background: red;
    position: relative !important;
    left: 0 !important;
}

Best regards,
Ismael

Hey Illingco,

Thank you for opening a different thread.

How can I also control the eyeglass icon color?

Have you tried changing the color values in the css modification from the previous thread?

.header_color .widget_search input[type=submit]:hover {
    background-color: #dc291d;
    color: #232323;
}

If you want to adjust the initial color, use this:

#top #header.header_color .widget #searchform #searchsubmit {
    font-size: 16px;
    color: blue;
}

To adjust the border width of the search bar, add this css code.

#top #header.header_color .widget #s {
    border-width: 3px !important;
}

Best regards,
Ismael

Hey Yaphoon,
1: to change the font size of the special heading, please use the setting in the element

2: for the table font color, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even), #top .main_color .avia-data-table.avia_pricing_minimal td {
    color: #000;
}

3: to change the font colors, please use the option in the element:

4: to change the font size in the icon list element, please use the element options:

5+6: to add space above the special heading “Contact Us For More Information” and “You Might Also Like” try adding some “top padding” in the element:

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .main_color #commentform input[type='text'],
#top .main_color #commentform textarea {
  color:    #000;
  font-size: .8em;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike