Hi,

Which font size do you want to change, the title or the description content?

Best regards,
Basilis

Hi hazelallturf,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#footer .social_bookmarks.icon_count_2 {
  height: 50px;
}
#footer .social_bookmarks li a {
    width: 50px;
    font-size: 30px;
    line-height: 46px;
}
#top #footer .social_bookmarks li {
  width: 50px;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi,

Please remove the below code

/* Logo margin*/
#top .logo,
#top .logo a{
	margin:15px 0;
}

/* Center menu */
.av-main-nav-wrap ul {
    display: flex;
    justify-content: center;
}
/* Social icon size*/
#top #header .social_bookmarks li a {
    font-size:18px;
}

Best regards,
Vinay

Hey alex_0111,

The option isn’t available, if you’re using a Special Heading, you should be able to change it in Screen Options when you edit it. As for the changing the general/global size in your site, you can add this css code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  #top h1 {
    font-size: 24px;
  }
}

just replace 24px with the size you want to use. Hope it helps.

Best regards,
Nikko

Hey zuus_3802,

The plugin css uses !important for almost all the rules for that text, it is a bad practice.

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#main #ec_store_product_list h3.ec_product_title_type4 a {
  font-size: 13px;
} 
#main #ec_store_product_list .ec_price_container_type4 span {
  font-size: 14px;
}

You can change the valuesin px to whatever you need.

If you need further assistance please let us know.

Best regards,
Victoria

Hey Gene,

The icons are a font, so if you need to increase the size you can increase the font size.
Do you need help with some specific icons?
Can you explain a bit more what you’re trying to achieve?

Best regards,
Victoria

Hi,

Your initial request was to make the background transparent but if you like to add the image I have updated the code for you :)

Please use the below code.

a#scroll-top-link:hover {
  background:gold;
  color:#000;
}
a#scroll-top-link {
background-image: url(//77.104.145.231/~atouch87/wp-content/uploads/2018/03/socialicon_top-1.png);
  font-size:24px 
}
#top a#scroll-top-link .avia-font-entypo-fontello, 
body a#scroll-top-link .avia-font-entypo-fontello, 
html body a#scroll-top-link [data-av_iconfont='entypo-fontello']:before {
  color:#000;
}

Best regards,
Vinay

Hi,

Please replace the code with the below

/* Logo margin*/
#top .logo,
#top .logo a{
	margin:8px 0;	
}

#top .logo a img {
max-height:80px;
}

/* Center menu */
.av-main-nav-wrap ul {
    display: flex;
    justify-content: center;
}
/* Social icon size*/
#top #header .social_bookmarks li a {
    font-size:18px;
}

#top .logo ,
#top .logo a {	
	width: 180px;
 }

@media only screen and (max-width: 767px) {
#top .logo ,
#top .logo a {	
	max-width: 100% !important;
	width: 100% !important;
	height: auto;
 }}

Best regards,
Vinay

Hi,

The login URL has expired.
Please de-activate the overlay and captions in the element settings.

Add the below code to Quick CSS

/* Masonry overlay */

.av-masonry-entry:before {
content: attr(title);
position: absolute;
color: #FFF;
width: 100%;
height: auto;
z-index: 1000;
text-align: center;
line-height: auto;
opacity: 0;
font-weight: bold;
font-size: 18px;
transition: all linear 0.4s;
top:50%;
transform: translateY(-50%);
}

.av-masonry-entry:hover:before {
opacity:1;
transition: all linear 0.4s;
}
.av-masonry-entry:hover .av-masonry-outerimage-container:before {
background: rgba(0, 0, 0, 0.3);
position: absolute;
content:'';
width: 100%;
height: 100%;
z-index: 999;
transition: all linear 0.4s;
}

Let us know if you have any questions, we are happy to help :)

Best regards,
Vinay

Hey Genevieve,

As I understand you like to reduce the font size for the submenu correct?

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

#top #av-burger-menu-ul li ul li a .avia-menu-text {
	font-size: 18px!important;
}

Best regards,
Vinay

Hi,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

.home #after_masonry .iconlist_icon span.iconlist-char {
    font-size: 40px;
}

Just adjust the font size value, Hope it helps :)

Best regards,
Nikko

Hi,

Thank you for the clarification. I did check your site and only after that, I suggested the best solution. I’m sorry, it was my mistake that I assumed you were using a header widget area to place the special heading. The current structure you have does not make it easy to have the special heading sticky as and make the full-width submenu element follow the special heading.

Please check this link and create a header widget area and check the “Header Position” section to get the CSS to place the widget below the header.

Place the shortcode for the special heading int he header widget area and activate the sticky header from the theme option.

[av_heading heading='Hello' tag='h3' style='blockquote modern-quote modern-centered' size='30' subheading_active='' subheading_size='15' padding='20' color='' custom_font='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg=''][/av_heading]

Best regards,
Vinay