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

Hi,

Thank you for the screenshot.

Are you trying to adjust the style of the text in the embedded code? Please try to start with this css code.

.osBox.osDetail * {
    font-size: 1em !important;
    line-height: 1.5em;
    font-weight: 400 !important;
    color: #636363 !important;
}

.osBox.osDetail * .osButton.osButton-inline {
    text-shadow: none;
    color: #ffffff !important;
}

Best regards,
Ismael

Hi,

Thank you for the update.

The position adjustment seems to be working as expected. If you want to adjust the vertical position of the social icons, try to set the “top” property.

.responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block;
    font-size: 20px !important;
    left: 30px !important;
    top: 40px;
}

Best regards,
Ismael

Hey vantagepointmg,

Thank you for the inquiry.

You can manually insert an image tag or an icon shortcode beside the text in the Navigation Label field of a menu item. The menu can be edited in the Appearance > Menus panel.

Here’s an example of an icon shortcode.

[av_font_icon icon='' style='' caption='' size='40px' position='left' color='' link='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0'][/av_font_icon]

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can try to adjust the element style with css modification instead. Please try this code in the Enfold > General Styling > Quick CSS field.

.av-magazine .av-magazine-top-bar .av-magazine-top-heading {
    font-size: 2em;
    color: blue;
}

Best regards,
Ismael

Hi,
To correct this try changing the menu width from 14.25% to 13.25% and the padding from zero to 10px left and right. originally I set the padding to zero so you could have a larger font, so by adding the padding below 992px you will need to also reduce the font size so “Get Involved” will fit on one line. It looks like a font size of 14px will fit.
Please try making this adjustment, or adjusting slightly more. Otherwise feel free to include an admin login in the Private Content area below.

Best regards,
Mike

Hi,
To correct the mega menu items please change this part:

.avia-menu>ul.av-main-nav>li.menu-item .avia-menu-text,
.avia-menu>ul.av-main-nav>li.menu-item-search-dropdown {
	display: flex;
    justify-content: center;
}

to this:

.avia-menu>ul.av-main-nav>li.menu-item>a> .avia-menu-text,
.avia-menu>ul.av-main-nav>li.menu-item-search-dropdown {
	display: flex;
    justify-content: center;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
to correct the two words “Get Involved” please try to adjust the font size for the screen width, you will need to go a little smaller when that occurs, it looks like 17px instead of 18px works.

Best regards,
Mike

Hey Celeranttechnologycorp,

Thank you for the inquiry.

You can add this css code to adjust the style of the button. Make sure to replace the Youtube icon with the Play or Right Arrow icon.

#top .avia-button-wrap.av-lnizxc6d-66ff2ca80883e92473e33c8c2dbd9656-wrap .avia-button {
    border-radius: 10px !important;
    line-height: 1em !important;
}

#top .avia-button-wrap.av-lnizxc6d-66ff2ca80883e92473e33c8c2dbd9656-wrap .avia-button .avia_button_icon {
    font-size: 1.5em;
    left: 1em;
    background: #ffffff;
    border-radius: 200%;
    color: red;
    padding: 5px;
}

#top .avia-button-wrap.av-lnizxc6d-66ff2ca80883e92473e33c8c2dbd9656-wrap .avia-button .avia_iconbox_title {
    top: -4px;
}

Unfortunately, you cannot add different css class names for the items in a button row element.

Best regards,
Ismael