Hi!

1.) for “sign up” button use this code:

.avia_ajax_form .form_element_fourth {
width: 25.2%;
margin-left: 0px;
}

2.) For footer columns you could try to make font-size smaller on mobile devices:

@media only screen and (max-width: 767px) {
h3.widgettitle {
font-size: 10px;
}}

3.) Can you provide us a precise link where we can see the sidebar shown on your third screenshot please? we need to inspect the elements.

Regards,
Andy

Hey!

please open a new ticket for a new question.
1. Use this code:

.breadcrumb.breadcrumbs.avia-breadcrumbs {
color: red;
font-size: 10px;
}

2. It seems that the font is made like this. Check with a different font though.

3. Use this to control font on footer:

div#footer {
font-family: fantasy; 
}

4. Can you show us where we can find the easy slider in question? we need to inspect the elements.

Regards,
Andy

Hey!

If the problem is just the font size then add this to your custom CSS to make them smaller.

aside h3 {
    font-size: 15px !important;
}

The ones in your sidebar are not actually widget titles but custom elements your using in a text widget.

Best regards,
Elliott

Hey!

ich sehe keinerlei Fehler auf den ersten drei Screenshots. Wäre gut, wenn du uns zeigst, was du statt des bisherigen Zustandes erreichen möchtest.

Für Screenshot Nummer 4 und 5 nutze diesen Code im Quick CSS Feld:

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) {
h2.av-special-heading-tag {
font-size: 34px !important;
}}

und passe selbstständig die Schriftgröße (font-size) an.

Für Screenshot Nummer 6 weiß ich zwar nicht was du stattdessen erreichen möchtest, aber ich schätze einfach mal du machst ebenfalls die Schriftgröße kleiner:

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) {
.avia_textblock.av_inherit_color {
font-size: 25px !important;
}}

Bei Screenshot Nummer 7 weiß ich nicht was du anders haben möchtest. Sieht für mich in Ordnung aus.

Gruß,
Andy

Hi!

I think I remember them all being blue last time I checked. If you only want it done on the contact section then switch it to this.

<style type = "text/css">
#contact h2 {
    color: #32587f !important;
    font-size: 45px !important;
    font-family: 'Bitter', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}
</style>

Regards,
Elliott

Hey midischool!

sure, use this code in Quick CSS field:

h2.portfolio-preview-title.entry-title {
font-weight: normal;
font-size: 12px;
}

and adjust as needed.

Best regards,
Andy

Hey qeeqac!

use this code inside your Quick CSS field for your icons:

@media only screen and (max-width: 767px) {
.iconlist_icon.avia-font-entypo-fontello {
width: 25px; 
height: 25px;
line-height: 25px;
font-size: 15px;
}}

and this for the layout:

@media only screen and (max-width: 767px) {
ul.avia-icon-list.avia-icon-list-right.avia_animate_when_almost_visible.avia_start_animation {
margin-left: -38px;
}
.avia-icon-list-container.avia-builder-el-72.avia-builder-el-no-sibling {
margin-right: -38px;
}}

Cheers!
Andy

Hey!

are you talking about font-weight or font-size? if you want to change font-size use this

font-size: 12px;

Yes it is possible to have more than one toggle open at once. Edit accordion element and look for “Behavior”, choose “Toggle Mode”.

Best regards,
Andy

Hey!

Refer to:
http://kriesi.at/documentation/enfold/mailchimp-integration/

But instead of the CSS code mentioned there, use the following:

.wpcf7 form{clear:both}
.wpcf7 p br{display:none}
.wpcf7 label{display:block;visibility:visible;position:relative;margin-bottom:7px;font-weight:600}
.wpcf7 p{position:relative;clear:both;float:left;width:100%}
.wpcf7 p.hidden{position:absolute;width:0;left:0;top:0}
.wpcf7 .form_element_half{width:48%;float:left;margin-left:2%;clear:none}
.wpcf7 .form_element_third{width:32.6%;float:left;margin-left:1%;clear:none}
.wpcf7 .form_element_two_third{width:66.4%;float:left;margin-left:1%;clear:none}
.wpcf7 .form_element_fourth{width:24.2%;float:left;margin-left:1%;clear:none}
.wpcf7 .form_element_three_fourth{width:74.8%;float:left;margin-left:1%;clear:none}
.wpcf7 .first_form{clear:both;margin-left:0}
@media only screen and (max-width: 479px) { .responsive .wpcf7 .form_element{width:100%;clear:both;margin-right:0;margin-left:0;float:none} }
#top .wpcf7 input[type='text'],#top .wpcf7 input[type='tel'],#top .wpcf7 input[type='email'],#top .wpcf7 select,#top .wpcf7 textarea{width:100%;margin-bottom:0;display:inline;min-width:50px;padding:13px;border-radius:2px}
#top .wpcf7 select{-webkit-appearance:none;border-radius:0;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 .button{margin:0;padding:16px 20px;border-radius:2px;border-bottom-width:1px;border-bottom-style:solid;font-weight:400;font-size:12px;min-width:142px;outline:none}
.wpcf7 .modified_width .button{width:100%;padding:13px 10px 14px;min-width:0}
.wpcf7 p input,.wpcf7 p textarea,.wpcf7 p select{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

#top .wpcf7 { position: relative; }
#top .mc4wp-response{ clear: both; }

Cheers!
Josue

Hi David57!

We can try to reduce the font size and move it more to the left on smaller screens. Send us a link to your page and we’ll take a look. You can set your reply as private if you wish.

Cheers!
Elliott

Hi!

which changes exactly do you wish? I suggest to make font size smaller:

@media only screen and (max-width: 767px) {
h2.avia-caption-title {
font-size: 13px;
}}

Best regards,
Andy

Hi!

I tried this code and it seems to work fine:

a.iconlist_icon.avia-font-entypo-fontello {
height: 30px;
width: 30px;
line-height: 21px;
left: 15px;
}
span.iconlist-char {
font-size: 20px;
}

Can you provide us admin access, so we can try the code inside you Quick CSS field? post login details here as private reply.

Best regards,
Andy

Hey JuldanInc!

Hmm, it should still be applied there since it’s under a main_color section. Not sure why it’s not being applied but you can add a codeblock element to the page and add this inside for a quick fix.

<style type = "text/css">
h2 {
    color: #32587f !important;
    font-size: 45px !important;
    font-family: 'Bitter', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}
</style>

Cheers!
Elliott