Hi Richard!
By adding following code to Quick CSS in Enfold theme options under General Styling tab
div.special-heading-border {
display: none;
}
Regards,
Yigit
Hi,
1. I enabled the custom class field for Advanced Layout Builder adding this line to the functions.php. I see the field now. Do I now need to create a child theme so it doesn’t get overwritten on Enfold updates?
add_theme_support(‘avia_template_builder_custom_css’);
2. I would like to be able to change the background color of mainly 3 content elements, the Special Heading, Text Block and Widget block. Can you tell me what I would need to type into the new Custom Css Class and then into the Quick CSS to do this? Shouldn’t all the elements already have a background color selector or image upload function? Love the Advanced editor. Also need a vertical Separator/Whitespace element.
-
This topic was modified 11 years, 8 months ago by
yes9310.
Hey!
You can try adding following code to Quick CSS in Enfold theme options under General Styling tab
.page-id-5959 .sidebar {
min-height: 2000px;
background: #e2e2e2;
}
You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg
This is not a reliable solution. If that does not work for you, please hire a freelance developer as Ismael suggested
Cheers!
Yigit
Hey GeoCreo!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
span.avia-menu-text {
text-transform: uppercase;
}
Best regards,
Yigit
One thing I did do…is click on Themes and then Customize and then Enfold opens this Side panel and I did adjust the Header page there…maybe that was it…
http://www.creationnetworks.net
updated WP to 3.9.1
current Enfold theme
This reply has been marked as private.
Hey getHopeGlobal!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.logo img { width: 100%; height: 100%; }
Regards,
Yigit
Hello,
We recently updated Enfold (it’s an awesome theme) and we currently have an issue with page height.
If there’s not much content, the page is cut short and doesn’t fit the full screen – example link added
Can you please help, since we have to launch it tomorrow.
Thank you in advance
Hey!
Please go to Enfold/css folder and open Layout.css file and remove or comment out following line
#top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li{ background: transparent; }
then add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
#header_main .social_bookmarks { left: 19%; }
Regards,
Yigit
Hi Ismael,
I removed it and deactivated things.
I’m still not seeing the mobile menu showing up properly on the home page.
it does appear to be on other sub pages.
can you take another look..
Apart from this.. we’re loving enfold.. more and more.. :)
Is there a better option than what we have as the navigation is the one thing we want to optimise the flow of..
thanks
-
This reply was modified 11 years, 8 months ago by
psipi.
Hi Richard!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
div .av_one_third {
margin-left: 2%;
width: 33.3%;
}
div .av_one_half {
margin-left: 2%;
width: 49%;
}
body .column-top-margin {
margin-top: 20px;
}
.content, .sidebar {
padding-top: 20px;
padding-bottom: 20px; }
#top .isotope-item {
padding-right: 10px;
}
Cheers!
Yigit
Hi Yigit,
Thank you. I tried to add this code into a child theme functions.php file; the result was this error and a crash of the total site: Fatal error: Call to undefined function avia_get_option() in /home/content/22/4189422/html/momo/wp-content/themes/enfold/header.php on line 5
I can no longer access any of the child theme customizations.
A lot of drama and many hours on firebug and trying different code already just to get rid of a time stamp!
Any chance you can help me get the site up and running again? Do I need to enter into PHP My Admin and delete the child theme functions.php file?
Hey Finlando!
Open up wp-content/themes/enfold/includes/loop-index.php and replace this line
echo '<span class="blog-author minor-meta">'.__('by','avia_framework')." ";
with
echo '<span class="blog-author minor-meta">';
Regards,
Peter
Hey onegirlrtw!
– Please add following code to Quick CSS in Enfold theme options under General Styling tab
.news-headline { font-size: 16px; font-family: arial; }
– Can you elaborate? A screenshot would help
–
strong.news-headline:hover { color: red; }
–
#top .news-wrap li { border-bottom: 1px solid #e2e2e2; }
– I have answered your question on your other topic here – https://kriesi.at/support/topic/how-can-i-delete-the-time-in-the-combo-widget-but-keep-the-date-stamp/#post-284048
Regards,
Yigit
This reply has been marked as private.
Hallo Peter,
das war nur ein Screenshot auf meinem Server. Ich benutze beim entsprechenden Projekt enfold 2.6.1, wobei ich gerade ein Update auf 2.8.1 mache.
LG, Tom
Can I send you a screenshot of the Enfold theme slider? It’s now got the same mysterious code in the middle of it after the “update”.
Hi there, I have started a new website using Enfold, and it looks really promising.
However, I find the vertical and horizontal spacing between the main Aviva elements much too wide, and would really prefer to use 20px spacing like I had in my html template (second link)
I’d also like to introduce the same spacing between the 4 portfolio previews at the bottom of the home page, rather than having them joined together with no spacing.
How can I do this across the whole site, either in a child theme, or with a change in the quick css
Thanks!
Hey damian24!
Please go to Appearance > Menus and create a new menu, add “Impressum” and “Allgemeine Geschäftsbedingungen” page to your new menu and check “Enfold footer menu” under Menu Settings
Regards,
Yigit
Hi,
I wanted to edit the socket area and add “Impressum” and “Allgemeine Geschäftsbedingungen”. I already put it in the copyright-line but i want to place it on the right side and separte them with a line like on your Enfold theme demo. How to manage it? Would be very glad for your help.
Thanks in regards
Hi!
2- Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.iconbox .iconbox_content .iconbox_content_title { font-size: 18px; color: red; }
– You can use custom CSS as following
.ls-l {
font-family: arial;
}
Regards,
Yigit
Thanks Devin!
I updated the theme and tried to change the menu, it didn’t work. Than I switched to another theme and could make my changes and change back to enfold! One problem solved so far!
I also installed and activated the W3tc Plugin but it isn’t a great help really. I measured the performance before and the site loaded in about 6 sec, now i’m at about 4.5 sec. So it is a little faster but in my opinion not enough. Any other suggestions?
Hey Ben!
It seems like it was set to black manually – http://i.imgur.com/md9uns0.png
You can also add following code to Quick CSS in Enfold theme options under General Styling tab
div.entry-content p span {
color: #4170cf!important;
}
Best regards,
Yigit
Hey!
Please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.
If you do not mind creating a temporary admin login and posting it here privately i can look into home icon issue
Best regards,
Yigit
Hi depietrijojo3!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
div .slideshow_caption h2 { font-size: 20px; }
div.avia-caption-content { font-size: 16px; }
#top .avia-slideshow-button { font-size: 18px; }
Regards,
Yigit
Hi Sal!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) {
.phone-no {
display: block;
position: fixed!important;
left: 60%!important;
}}
Regards,
Yigit
Hi sineadh!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 85%;
height: auto !important; }}
Cheers!
Yigit
Hi!
You can turn on custom CSS class field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your element a unique class and add following code to Quick CSS in Enfold theme options under General Styling tab to move your arrows down
.your-custom-class { padding-top: 20px; }
Best regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.footer_color { background-size: cover; }
Best regards,
Yigit