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

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

#commentform ::-webkit-input-placeholder {
  color:    #000;
  font-size: .8em;
}
#commentform :-moz-placeholder {
  color:    #000;
  font-size: .8em;
}
#commentform ::-moz-placeholder {
  color:    #000;
  font-size: .8em;
}
#commentform :-ms-input-placeholder {
  color:    #000;
  font-size: .8em;
}

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

Best regards,
Mike

Hey JantienM,

Please try using this code instead:

.iconbox_icon:before {
  font-size: 30px;
}

Best regards,
Rikard

Hi,

Sorry for the late reply.

1. You might want to consider a different layout option, as the title text has to be really small in order to it to fit properly. If you still want to make the titles smaller, then please try CSS like this:

.page-id-2477 #after_section_1 .avia-content-slider h3 {
  font-size: 14px;
}

2. Please try the following CSS to hide the categories:

.page-id-2477 #after_section_1 .avia-content-slider .blog-categories  {
  display: none; 
}

3. You could add the latest post to a dedicated category, then select that category in the Blog Posts element. Once you write a new post, then you can remove the category from the second latest post and add it to the latest. There is unfortunately no option to only show the latest post at the moment.

Best regards,
Rikard

Hey Monika,

Thank you for the inquiry.

What is the actual model of the device where you have taken the screenshot? You should be able adjust the size of the heading elements with custom css.

@media only screen and (max-width: 489px) {

  /* Add your Mobile Styles here */
  section.av_textblock_section.av-lhystxxf-ab9a26b95349e3f8f25451c3d741af57 h3.p1 .s1 {
    font-size: 1em;
    word-break: break-word;
  }
}

Best regards,
Ismael

Hey,

Where is the main link color on general setting?

It inherits the Enfold theme options > General Styling > Main Content > Primary Color option ( https://i.imgur.com/04nCGNN.png )

Again: how to set that text dimension?

I already provided you with a custom CSS code to change the font size in my previous response. If that’s not what you’d like to do, please send us a screenshot and show it.

Regards,
Yigit

Hey,

how to change the dimensions of those text?

Please add the following code to the Quick CSS field in Enfold theme options > General Styling tab

#top #js_sort_items {
  font-size: 22px;
}

Again, look at the titles: why the current section is not visible? How to change that color?

The active filter isn’t visible because it looks like you set the main link color to transparent ( https://i.imgur.com/dq2ivXL.png ). This is a very bad idea. Please go to Enfold theme options > General Styling and set it to a solid color.

Regards,
Yigit