Hi Mike,

it’s basically an issue with the GDPR explanation – it has too be lengthy, and it never breaks nicely on smartphones. That is why I would prefer this solution over any other.

I can of course remove the above code again. I also did some customization on the look of the comment fields – posting it here in case something interferes:

#comment {background-color:#e1edf3!important; border:1px solid #4b758a !important;padding:9px !important;}
#comment:focus {border:2px solid #4b758a !important;padding:7px !important;}
#author {background-color:#e1edf3!important; border:1px solid #4b758a !important;padding:9px !important;}
#author:focus {border:2px solid #4b758a !important;padding:7px !important;}
#email  {background-color:#e1edf3!important; border:1px solid #4b758a !important;padding:9px !important;}
#email:focus {border:2px solid #4b758a !important;padding:7px !important;}
#url  {background-color:#e1edf3!important; border:1px solid #4b758a !important;padding:9px !important;}
#url:focus {border:2px solid #4b758a !important;padding:7px !important;}
#submit {font-size:18px !important;width:100% !important;}

#commentform label {
	display: block !important;
	}

#commentform label[for=comment-mail-sub-list] {display:boxed !important;position:relative !important;clear:both !important;}
#commentform label[for=comment] {display:none !important;}
#commentform .required {display:none !important;}
#commentform .notice {display:none;}
.comment-form-gdpr {margin-bottom:20px !important;}
#commentform select {
   border:1px solid #4b758a !important;
   background-color:#e1edf3 !important;
   font-size:15px !important;
   padding:3px !important;
}

.comment_text {font-size:16px !important;}

greetings,
Ritchie

Hi Basilis,

Yep, that works – great :-)

However, I the standard layout of the menu doesn’t fit my laouyt – would you please help me with some css for:
remove the lines between the individual menu elements
increase the font size
change the font color.

Thank you,
ythhj

Dear Ismael,
I already did it. But in this way I have 2 problems:
1. Left-margin of text layer in layerslider is different than column with text without layerslider in different resolutions.
2. Canvas height of layerslider is 1500px, the text layer in layerslider have min. mobile font size 14. The text goes down beyond the layerslider.

Hi,

I changed the mailchimp button with the CSS below :
.avia-mailchimp-form .button {
background-color:#719430 !important;
color:”white” !important;
font-size:16px !important;
border-bottom:none !important;
font-family:”open sans” !important;
height: 45px !important;
line-height: 30px !important;
display:block !important;
text-align:center !important;
padding : 2px 2px 2px 2px !important;
font-weight: bold;
}

Is it possible to get something like that ?

Thanks,
Matthieu.

i use this code:

/*Kundenmeinungen größer*/
.avia-slider-testimonials .avia-testimonial-meta .avia-testimonial-image {
    width: 200px !important;
    height: 200px !important;
    display:table !important;
    margin:0 auto !important;
}
.avia-testimonial-meta-mini {
    text-align: center;
}
/*Kundenmeinungen zentrieren */
.avia-testimonial-image {float: none!important; }
.avia-slider-testimonials .avia-testimonial-arrow-wrap { 
     left: 47%;
}
/*Kundenkommantar größere schrttf */
.avia-testimonial-content p { font-size: 24px !important; }
.main_color strong.avia-testimonial-name, .main_color .avia-testimonial-subtitle {font-size: 24px; }

Hi Nikko,

no, no widget area. But I searched in the forum and have now another solution, that works fine if someone needs this, too:

ENFOLD – Adding custom social icon to theme settings

• Since there is no Flipboard icon at Fontello, download the “vector pack” at Flipboard directly:
  “Want to design your own button?” »
• Search the file “Logomark_DIGITAL_Red_500X500.svg” in the downloaded files and upload it in the “custom icon” area at Fontello.
• Set the font size to 16px and above where you have uploaded it, set a name for it, for example “flipboardicon” and download this new webfont.
• Then go to ENFOLD’s theme settings -> import/export and upload the ZIP file into the fontmanager area.
• Then follow the instructions at the very beginning of the documentation here: https://kriesi.at/documentation/enfold/custom-social-icons/.
  In detail: I have added the snippet in a “code-snippets-plugin“; this plugin stores all snippets, that would normally go to your theme’s function.php. But with this plugin you can import/export them, enable or disable snippets just how you like.
  So I added there (or add it to your child theme’s function.php):

  // Register new icon as a theme icon
  function avia_add_custom_icon($icons) {
  	$icons['flipboard']	 = array( 'font' =>'flipboardicon', 'icon' => 'ue800');
  	return $icons;
  }
  add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
  
  // Add new icon as an option for social icons
  function avia_add_custom_social_icon($icons) {
  	$icons['flipboard'] = 'flipboard';
  	return $icons;
  }
  add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

  “flipboardicon” is the fontname like I have called it at Fontello and uploaded it in the theme settings.

• Then go to ENFOLD’s theme settings –> social profiles, and add there a new item; find the symbol “Flipboard” at the very bottom of the list. As target use your Flipboard profile URL, where the user can find your own magazines, for example those, that you have created to import there your blog posts for a higher traffic :-)
  

  View post on imgur.com

• For the hover background in the menu, I added these CSS

  #top .av-social-link-flipboard:hover a {
  	background-color: #f52828 !important; 
  }

That’s it :-)

Result:

Normal state:

View post on imgur.com

Hover state:

View post on imgur.com

Umm…also, I don’t know why the font size of blog headings have gone so huge.
Please help!

Regards,

Xandria

I’m afraid that i need to make a lot of screenshots, and with different monitors. The essence is one. The font size of the text or title looks different at different resolutions and screen sizes, but on my monitor it looks fine. On another monitors Headers for exemple does not fit into their borders. I mean may be you hav css for all monitors something like this:@media only screen and (max-width:1200px) or you have another method?