Hey!

Linie entfernen kannst du hiermit:

li.cat-item a:hover {
text-decoration: none;
}

und Schriftgröße ändern kannst du hiermit:

li.cat-item a {
font-size: 15px;
}

Gruß,
Andy

Hey Joe!

Please use the below css in Enfold > general Styling > Quick CSS

body {
  font-size: 18px!important;
}

If you still have any issues please share the link to your site so we can inspect the element in question.

Best regards,
Vinay Kashyap

Hi!

Your HTML Markup is fine although i’d wrap the labels with actual labels, regarding the CSS try with this code instead:

.wpcf7-form, .wpcf7-response-output{
  clear:both;
}

.wpcf7-form-control-wrap {
  display: block !important
}

.wpcf7-form p br{display:none;}
.wpcf7-form label {display:block; visibility: visible; position: relative; }
.wpcf7-form label, .modified_width:before{display:block; visibility: visible; position: relative; margin-bottom: 7px; font-weight: 600;}

.wpcf7-form p{ position: relative; clear:both; float:left; width:100%;}
.wpcf7-form p.hidden{position: absolute; width:0px; left:0; top:0; }
.wpcf7-form .form_element_half{width:49.5%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_third{width:32.6%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_two_third{width:66.4%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_fourth{width:24.2%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_three_fourth{width:74.8%; float:left; margin-left:1%; clear:none;}

.wpcf7-form .first_form{clear:both;margin-left:0;}

#top .wpcf7-form .wpcf7-text, #top .wpcf7-form .wpcf7-select, #top .wpcf7-form .wpcf7-textarea{
  width:100%;
  margin-bottom:0;
  display:inline;
  min-width:50px;
  padding:13px;
  border-radius: 2px;
}

#top .wpcf7-form .wpcf7-select{
 -webkit-appearance: none;
 border-radius:0px;
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
 background-position: center right;
 background-repeat: no-repeat;
 border-radius: 2px;
}

.wpcf7-form .button {
  margin: 0;
  padding: 16px 20px;
  border-radius: 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  font-weight: normal;
  font-size: 12px;
  min-width: 142px;
  outline: none;
}

.wpcf7-form p input, .wpcf7-form p textarea, .wpcf7-form p select{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition:  all 0.3s ease-in-out;
  transition:     all 0.3s ease-in-out;
}

#top .wpcf7-form-control-wrap {
  display: block !important
}

#top .wpcf7-response-output{
  float: left;
  padding: 17px;
  border-width: 1px;
  border-style: dashed;
  margin-left: 0;
}

#top .wpcf7-response-output.wpcf7-validation-errors, #top .wpcf7-response-output.wpcf7-spam-blocked, #top .wpcf7-response-output.wpcf7-mail-sent-ng{
  background-color: #FFF8F4;
  border-color: #CDA18F;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  color: #AF2C20;
}

#top .wpcf7-response-output.wpcf7-mail-sent-ok{
  background-color: #E0F1B5;
  border-color: #8BAF5B;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  color: #4F5F39;
}

#top .wpcf7-not-valid-tip {
  color: #EF5D4F;
  display: block;
}
#top .wpcf7-display-none{
  display: none;
}

Best regards,
Josue

Hi!

We are working on your ticket please wait while we update the results here soon.

To increase the font size of the phone number and the menu we have added the below CSS in Enfold > General Styling > Quick CSS

/*font size */

#top .av_header_transparency .phone-info {
    font-size: 20px!important;
}
#top #wrap_all .av_header_transparency .sub_menu a {
	font-size:20px!important;
}

The logo looks great in mobile devices but if you still want to increase it please add the below CSS in quick css

/* Logo Size*/
@media only screen and (max-width: 767px) {
.responsive .logo img {
    min-height: 180px!important;
    min-width: 340px!important;
}
}

Best regards,
Vinay Kashyap

• This reply was modified 10 years, 2 months ago by Vinay.

Hey!

Try adding this code to the Quick CSS:

span.avia-single-number {
    font-size: 0;
}
span.avia-single-number:after{
    content: attr(data-number);
    font-size: 30px;
}

Cheers! 
Josue

Hey!

Use something like this instead:

<div class="centered-buttons">
[av_button label='Click me' link='manually,http://' link_target='' size='small' position='center' icon_select='yes' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class=''][av_button label='Click me' link='manually,http://' link_target='' size='small' position='center' icon_select='yes' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class='']
</div>

And add this to Quick CSS:

.centered-buttons .avia-button-wrap {
    display: inline-block;
    margin: 0 5px;
}
.centered-buttons{
    text-align: center;
}

Cheers!
Josue

Hi!

I think you should try another approach. Put this into your header widget instead:

[av_one_third first  min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']

[av_textblock size='' font_color='' color='' custom_class='']
√ Al meer dan 30 jaar uw lichtontwerper
[/av_textblock]

[/av_one_third][av_one_third  min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']

[av_textblock size='' font_color='' color='' custom_class='']
√ Merkonafhankelijk advies
[/av_textblock]

[/av_one_third][av_one_third  min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']

[av_textblock size='' font_color='' color='' custom_class='']
√ Fotorealistische lichtpresentatie in Dialux Evo
[/av_textblock]

[/av_one_third]

And then you can style it using this css code inside your Quick CSS field:

#text-10 .textwidget .avia_textblock p {
color: green;
position: relative;
top: 53px;
}

Then it will work on mobile too and/or it will be much easier to adjust it for mobile.

Regards,
Andy