Hi MichaelKammerlander!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.entry-content {
font-size: 16px;
}
If that does not help, please post the link to your website.
Regards,
Yigit
Hey Lev!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) {
.caption_framed .slideshow_caption .avia-caption-title { font-size: 15px !important; }}
Regards,
Yigit
Hi
I couldn’t reproduce the first error in your slider but you can try the following in Quick CSS for the green section:
@media only screen and (max-width: 1100px) {
.page-id-8 .avia-builder-el-71 {
font-size: 22px !important;
}
.page-id-8 h5.av-special-heading-tag {
font-size: 10px !important;
}
}
Regards,
Rikard
Hi!
use this code for the title under “Die neuesten Portraits”:
h3.slide-entry-title.entry-title {
font-size: 10px;
margin-top: -6px;
}
You can find more information on how to style text via CSS here: http://www.w3schools.com/css/css_text.asp
You can choose different fonts in Enfold->Advanced styling.
Regards,
Andy
Hey Aislingwhitaker!
Please add the following to your custom.css file
div.phone-info { font-size: 16px; }
Cheers!
Basilis
Hi there,
I would like to increase the font size for my phone number displayed at top right of my page. Please advise.
Thank you in advance :)
I have change my font size in blog layout and i had changed when i use the blog layout “grid” on the front page – but when i use the layout “single author” then the font size turn back to the small size again? What am i during wrong?
Hi ,
We had another thread on this that’s closed now, but both your suggestions didn’t work this time.
I’m trying to use a Special Heading – I want it to say
I’m a Water Person
So, I’ve tried your backslash solution and it appears in the code, but not in the blog post – no heading at all.
[av_heading heading='I\'m a Water Person' tag='h3' style='' size='' subheading_active='' subheading_size='15' padding='10' color='custom-color-heading' custom_font='#5f3194'][/av_heading]
I also tried using the series of special characters for the single quote without spaces, and it changes it in my edit window to “I’m”, without the special characters anymore, but then nothing appears in my post.
I guess I didn’t learn this one properly. Can you help? Thanks.
Kriesi support good morning from the US Midwest!!
I’m trying to replicate the button on this page (Men’s Collection) using a child theme so I can use the style when necessary. I’ve added the following in child theme style.css:
/*Ommani Border Button*/
#top .bordbutt {
-moz-box-shadow: 2px 2px 0px 0px #5d225b;
-webkit-box-shadow: 2px 2px 0px 0px #5d225b;
box-shadow: 2px 2px 0px 0px #5d225b;
background-color:transparent;
border:2px solid #5d225b;
display:inline-block;
cursor:pointer;
color:#5d225b;
font-family:Trebuchet MS;
font-size:15px;
padding:7px 10px;
text-decoration:none;
}
#top .bordbutt:hover {
background-color:transparent;
}
#top .bordbutt:active {
position:relative;
top:1px;
}
This is the html I’m using Learn More but I don’t get the stylingI’m expecting. Is there an easier way to go about this?
Thanks
Mike
so lets try togehter:
in child-theme functions.php:
add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
$sub .= "<strong class='logo-title'>“… the natural route to a healthy complexion</strong>";
$sub .= "<strong class='logo-title logo-subtitle'>and a younger-looking you…”</strong>";
return $sub;
}
on quick css:
#top .logo, #top .logo a {
overflow: visible;
}
#top .logo img {
float: left;
}
#top .subtext {
float: left;
position: relative;
}
#top .logo-title {
color: #000;
font-size: 20px;
left: 7px;
opacity: 1;
position: absolute;
top: -15px;
transition: opacity 0.4s ease-out 0s;
white-space: nowrap;
}
#top .logo-subtitle {
color: #aaa;
left: 60px;
top: 15px;
}
#top .header-scrolled .logo-title {
opacity: 0;
}
and for mobile :
@media only screen and (max-width: 770px) {
.responsive #top .logo-title {
opacity: 0;
}
}
this looks than this way:
http://webers-testseite.de/enf01/
I rolled back to the previous version because I had some issues.
Events Widget – Appearance of Recurring Events
For recurring events in the widget (single events displayed in the widget as though nothing had changed), the featured image didn’t show up, the styling for price/venue was super ugly and inconsistent with single events, and each bit of information for the recurring event (title, date, time, venue, etc.) had so much white space between them that it tripled the height of the widget on the page.
Styling
Event details on single event posts now use your alternate background color. List view now uses your alternate background color, too. In my case, this is very difficult to read. In addition, I had used some special headings within event descriptions and styled them inline (they were one-off changes for font size and line height, if I recall correctly), and they did NOT survive the transition well. There were some more minor styling changes, but I can’t recall them at the moment. Nothing insurmountable…I just really dislike the process of styling the events calendar. Wish there were a simple interface for that!
I’m not a pro, so these things may be a breeze for you – or they may not happen to you at all. I haven’t seen any support tickets about it yet. I just didn’t want to fuss with troubleshooting this week and it was a lot easier to roll back to 3.9. It would have taken me half a day to get it looking nice again in 3.10, setting aside the whole widget issue, and it’s Friday. :)
@Elliott – If it still happens when I’m feeling bold enough to update again, I’ll send screenshots your way. I have too many events happening this week and I can’t afford the downtime right now.
Hi,
for some reason my portrait iphone resolution is slightly off.
This is the link to take a look.
I have some css code to handle device sizes but it doesn;t seem to work for the portrait layout (landscape iphone and tablets for fines).
Here is the code I have:
/*ipad resolution for videos */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { /* STYLES GO HERE */
.avia-webkit-7 #homevideo{
height: 340px;
margin: 0 auto;
display: block;
}
}
/*Iphone size changes 568 768*/
@media only screen and (max-width: 350px) {
/*background image on Il Corso - donna spalla*/
#acquista div.av-parallax.avia-full-stretch {
display: none !important;
}
/*front page stuff*/
.corso_tit p {
font-size: 25px !important;
width: 90% !important;
margin-left: 15px !important;
}
.corso_cap p {
margin-left: 10px !important;
font-size: 18px !important;
width: 90% !important;
}
#av_section_1 {
background-image: none !important;
}
.responsive .mobile_menu_tablet .main_menu { display: block; }
.avia-webkit-7 #homevideo{
/*max-width: 280px;*/
height: 240px;
margin: 0 auto;
display: block;
}
/*last braket of screen size css above*/}
Hey!
use this code to increase them:
#top .social_bookmarks li {
font-size: 22px;
}
You can go to Enfold->Social profiles and add your own link using a “Special” social profile. To add your own icons check out this: http://kriesi.at/archives/enfold-version-2-3-say-hello-to-our-new-iconfont-uploader
Cheers!
Andy
Hey guys,
you are coding experts and i really love and appreciate your work, but:
the search function in this forum is a big piece of shit. maybe i am doing something wrong but when i am looking for help in styling the inbuilt contact form i get 43 pages with nonsense informations… maybe you better spend some work in giving us a professional forum software and your work will be a lot easier too…
so i really couldnt find what i am looking for…
1) change the font size of the contact form
2) change the color of the label titles in the contact form
3) change the color of the background of the labels
4) change the font size of the text in the options label
4) change the color of the text in the options label
thx
Thank Andy but not quite there…
I’ve changed the custom css like you said and this is in there now:
#top .title_container .container, stretch_full container_wrap alternate_color dark_bg_color title_container, .alternate_color {
background: -webkit-linear-gradient(#e55c00, #ff7c24);
background: -o-linear-gradient(#e55c00, #ff7c24);
background: -moz-linear-gradient(#e55c00, #ff7c24);
background: linear-gradient(#e55c00, #ff7c24);
}
.alternate_color .breadcrumb, .alternate_color .breadcrumb a, #top .alternate_color.title_container .main-title, #top .alternate_color.title_container .main-title a {color: #FFFFFF !important}
@media only screen and (max-width: 767px) {
.responsive #top #main .container_wrap:first-child {
background: -webkit-linear-gradient(#e55c00, #ff7c24);
background: -o-linear-gradient(#e55c00, #ff7c24);
background: -moz-linear-gradient(#e55c00, #ff7c24);
background: linear-gradient(#e55c00, #ff7c24);
}}
.page-thumb img {
display: none;}
.logo, .logo a {
overflow: visible !important;
height: 110%;}
form.cart {
overflow: visible !important;
z-index: 100 !important;
}
#billing_city_field, #shipping_city_field {
float: right !important;
}
@media only screen and (max-width: 767px) {
.responsive .title_container .breadcrumb {
font-size: 16px;
line-height: 28px;
}}
p.form-row.terms {
float: left;
margin-left: -118px !important;
padding-top: 15px !important;
}
input#place_order {
float: left !important;
margin-top: 16px !important;
margin-bottom: 15px !important;
}
#top .form-row .input-checkbox { position: relative; right: 380px; }
/* p.form-row.terms { margin-top: -30px!important; } */
@media only screen and (max-device-width: 767px) {
input#terms {
top: -21px !important;
}}
But somehow it still looks messed up on the mobiel checkout, can’t finish the process cause the checkbox is mandatory to complete the order. Please help as we need to go live with this site.

Thanks.
Hi!
Add this to Quick CSS:
#top .main_color h5{
color: #8a558e;
font-size: 24px;
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: lighter;
}
Regards,
Josue
Hi!
we are trying our best as a support team. If people are writing a lot, it will need more time to read and understand the issue. That’s why some answers get a quicker reply and for others we need more time. If you are in a hurry feel free to hire a freelancer for the job.
You are right, it’s best to not make any changes in your thread, to get a faster reply.
Thanks for a possible solution you have provided, but it’s not an option for us, because it is working as expected:
The problem is that you are first calling a text block element and then calling a separator element. Obvious that things get messed up :). So please make sure to first call the separator element and then the text block:
[av_hr class='default' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class='']
[av_textblock size='' font_color='' color='' custom_class='']
<ul>
<li>Measures:</li>
<li>Materials:</li>
<li>Dyes:</li>
<li>Condition:</li>
</ul>
[/av_textblock]
I hope this make things clear :).
Cheers!
Andy
-
This reply was modified 10 years, 9 months ago by
Andy.
Hi,
I have implemented a second contact form on the website http://www.kostenex.de. For the styling I had no better idea as to make a <h4> for the labels. But it worked not, so I delete every h4 tag on the elements and it will work again.
Is there a possibility to style one of 2 contact forms individually with custom css?
Thanks in advance.
Regards
Andreas
Hey!
Please try the following as well:
#top .av-large-testimonial-slider .avia-testimonial-name {
font-size: 1.1em !important;
}
Adjust the value 1.1 to your liking.
Best regards,
Rikard
Hi there
I’ve figured it out by doing a quick search through the topics posted here. I’ve added this and another line of code to center the text
.phone-info {
font-size: 16px;
}
#header_meta .container { text-align: center !important; }
.phone-info { float: none !important; }
My next question is can I add a little bit of padding below the phone info text so it’s not very close to the main menu bar below it?
Thanks!
-
This reply was modified 10 years, 9 months ago by
Archie.
Hi Basilis,
Thanks for looks, but the issue still exists. I have had a couple of other people try it on their computers in case it was a caching issue, but they sent my screenshots showing the font at the bottom of the page was a different weight, size and font from the rest of the H5 headings on the page.
Hi there
Can you please tell me the CSS code I need to increase the font size of the extra info on top of the menu bar? Thanks!
Hey!
First three were fixed in other threads, for the last one, i added following code to Style.css file of your child theme
.w2dc-listing-header h2 {
font-family: 'Quicksand', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px!important;
font-weight: bold!important;
}
Cheers!
Yigit
Hey!
I added following code to Style.css file of your child theme
@media only screen and (max-width: 1100px) {
.custom-spacing.custom-overflow h3 {
font-size: 35px!important;
}}
Cheers!
Yigit
Hey alfaweb2!
I added following code to Style.css file of your child theme
h4.iconlist_title {
letter-spacing: -0.1em;
word-spacing: -0.1em!important;
font-size: 20px;
font-weight: 300;
}
Best regards,
Yigit
Hello,
I have a submenu (PORTFOLIO) with 8 voices, I’d like to show this 8 voices in only a row of megamenu, but the 7th link goes to a new row.
How can I show the voice in 8 columns?
I also like to show the title like a voice of main menù, in the same style.
With this code, the font is the same, but the size not.
.mega_menu_title{
font-family:'Lato', Arial, Helvetica, sans-serif !important;
font-size:13px !important;
}
Thank you very much for your help!
Hi!
Frontpage and blog page should be set only in Enfold theme options and not in Settings > Reading. That was the issue, now News page is working fine.
2- Please add following code to Quick CSS
@media only screen and (max-width: 769px) {
table td {
font-size: 11px;
}}
7- I unfortunately do not have an actual ipad to check your website but i checked it on my iphone and i could not see any issues. I asked @rikard and @basilis to check it. Please kindly wait to hear from them.
Cheers!
Yigit
I am trying to make an inline (including submit button) form using MailChimp for WordPress Lite plugin. I can’t get it to work. Here is the code I have in the Enfold Child custome.css file. This is a fresh instal of WP and EnFold. What am I doing wrong?
In the MailChimp plugin I have this code in the Form Mockup area:
<p>
<label>Your Name:</label>
<input type=”text” name=”FNAME” placeholder=”Your name” required />
</p>
<p>
<label>Email address: </label>
<input type=”email” name=”EMAIL” placeholder=”Your email address” required />
</p>
<p>
<input type=”submit” value=”Sign up” class=”button” />
</p>
and I have Load form styles (CSS)? set to NO
Enfold Child Custom.css file:
.mc4wp-form form{margin:0!important;clear:both}
.mc4wp-form p br{display:none}
.mc4wp-form label{display:block;visibility:visible;position:relative;margin-bottom:7px;font-weight:600}
.mc4wp-form p{position:relative;clear:both;float:left;width:100%}
.mc4wp-form p.hidden{position:absolute;width:0;left:0;top:0}
.mc4wp-form .form_element_half{width:49.5%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_third{width:32.6%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_two_third{width:66.4%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_fourth{width:24.2%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_three_fourth{width:74.8%;float:left;margin-left:1%;clear:none}
.mc4wp-form .first_form{clear:both;margin-left:0}
@media only screen and (max-width: 479px) { .responsive .mc4wp-form .form_element{width:100%;clear:both;margin-right:0;margin-left:0;float:none} }
#top .mc4wp-form input[type=’text’],#top .mc4wp-form input[type=’email’],#top .mc4wp-form select,#top .mc4wp-form textarea{width:100%;margin-bottom:0;display:inline;min-width:50px;padding:13px;border-radius:2px}
#top .mc4wp-form 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}
.mc4wp-form .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}
.mc4wp-form .modified_width .button{width:100%;padding:13px 10px 14px;min-width:0}
.mc4wp-form p input,.mc4wp-form p textarea,.mc4wp-form p select{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#mc_embed_signup input.button {
float: left !important;
width: 35% !important;
clear: none !important;
background-color: #4ccdde !important;
color: #ffffff !important;
border-color: #2aabbc !important;
}
#mc_embed_signup input.email {
width: 45% !important;
float: left !important;
clear: none !important;
}
input#mce-EMAIL, #mc-embedded-subscribe {
float: left !important;
width: 50% !important;
clear: none !important;
}
Hi catmac2204!
Try this out.
.single-product .summary .price span { font-size: 25px !important; }
Regards,
Elliott
This reply has been marked as private.