Hey!
You can add this:
#top .social_bookmarks {
position: absolute;
right: 0;
top: 60px;
}
.main_menu {
right: 120px;
}
.phone-info {
top: 70px;
position: relative;
right: 7px;
}
Cheers!
Ismael
Hi selvaria!
This will get your started. Edit header.php, remove everything then replace it with this code: http://pastebin.com/aBEyEpni
Add this on your custom.css or Quick CSS:
.avia-search-tooltip.avia-tt {
display: block !important;
opacity: 1 !important;
top: 0 !important;
left: 80% !important;
}
#menu-item-search {
display: none;
}
Regards,
Ismael
Hi,
I have a client that wants eight individual product images on a page. 2 column by 4 rows.
Then they want the text about the product to be on top of the image. This will work well as the backgrounds are very light.
How do you do this. I could insert several layer sliders on a page but how do I make them small enough.
Any ideas?
Many thanks
Hi!
Yes it has, because in order to make it appear like a button i have to alter the height (it was vertically centered because the original height was 100%).
Try this:
#top .main_menu .menu {
margin-top: 35px
}
#top .header-scrolled .main_menu .menu {
margin-top: 3px
}
Cheers!
Josue
Hey optizign13!
1) Please add following code to Quick CSS
#header_meta { display: none; }
2) As Kriesi mentioned here https://kriesi.at/support/topic/enfold-feature-requests/#post-22197 “Method of adding custom icon fonts to the template builder (which allows you to add custom icons like youtube, xing etc)” feature was accepted and will be added in upcoming versions.
3) Can you post a screenshot and show where exactly you want to make transparent?
4)
#top #menu-item-search { display: none; }
5)
#socket .sub_menu_socket { margin-right: 335px; }
Best regards,
Yigit
In my portfolio the pictures are all sized the same before uploading, so they are consistently the same size, which is great. However, the titles and captions are often different lengths which causes things to not look uniform and not line up cleanly with each other. Is it possible to have all the boxes containing the thumbnail and text to be the same height as whichever box has the most text, formatted appropriately for desktop vs. mobile, etc.
Hello doclor!
1) Seems like you already did
2) Please add following code to Quick CSS
.home .fixed_header #main { padding-top: 60px; }
by default it is 88px. If you would like to decrease padding on all pages, simple delete .home from the code
3) Please make sure that Excerpt is checked in Screen Options http://i.imgur.com/PNxn00k.jpg
Then add excerpt http://i.imgur.com/VeujA6h.jpg
4) Add to Quick CSS as well
.slide-meta, .post-meta-infos { display: none; }
There is no css commands documentation but you can search forum, you will probably find same ones
Best regards,
Yigit
Hi Josue,
Almost! With this the text is styled the way I want. Thank you.
However, the whole menu is not centered horizontally anymore. It moved up to the point where its now touching the small top menu!
?
Yes –
Figured out the footer top border just after I wrote you.
Hopefully it will help out others though.
As for the footer widget titles – thanks!
Hello!
Looks like you already applied a border to the footer container:
#footer.container_wrap.footer_color {
border-bottom: none!important;
border-top: 1px solid #c980a3 !important;
}
You can target the footer widget title font with this selector:
#footer .widgettitle{
font-size: 2em;
}
Regards,
Josue
Hello Ramiko!
Try with this:
#top .main_menu .menu > li > a{
padding: 10px;
background: gray;
height: auto !important;
line-height: 16px !important;
border-radius: 10px;
margin: 0 3px;
}
Cheers!
Josue
Hi unclemurray!
The only error I see is in the source with your caching plugin:
<!-- WP Super Cache is installed but broken. The constant WPCACHEHOME must be set in the file wp-config.php and point at the WP Super Cache plugin directory. -->
Best regards,
Devin
Hi David,
Can you post the link to your website please?
Regards,
Josue
Glad its working for you now, i’m closing this topic.
Regards,
Josue
Hi guys,
I read this: https://kriesi.at/support/topic/new-custom-font/
What if I want to add more than 1 font? What would the code be?
Any chance you guys will add a boatload of Google fonts so we don’t have to go thru this?
Thanks!
Tim
Hey!
Regarding issue 2:
.main_menu ul:first-child > li > a {
display:block;
background:url(https://interpeople.co.kr/wp/wp-content/uploads/2013/09/logo_menu_bg_grey.png) no-repeat top;
}
.main_menu ul:first-child > li > a:hover,
.main_menu ul:first-child > li.current-menu-item > a,
.main_menu ul:first-child > li.current_page_item > a,
.main_menu ul:first-child > li.active-parent-item > a,
.main_menu ul:first-child > li.active-ancestor-item > a {
background:url(https://interpeople.co.kr/wp/wp-content/uploads/2013/09/logo_menu_pollimolli_blue.png) no-repeat top; display:block;
}
Cheers,
Josue
Please take a look: http://vbridgeshg.com/. Suddenly, we started getting error messages on our homepage. Any idea what is causing the issue and how we can go about solving it?
Thanks!
Hello,
I am trying to make some changes to the style/format of my website:
http://practiceexcel.com/personaltouchdental.com/
1) On top of the logo there is a purple bar that goes all the way across, I think this is where header text would go, I need to remove this so the logo is at the very top
2)I need to replace the area that has the social icons (currently an envelop) with my own image, where would i do this?
3)I need to change the bg color of the menu to be transparent
4) How would I remove the search bar
5) I need to center my footer menu
Let me know if you need anything, thanks!
hi Ismael, what CSS would you use to change the main menu (top navigation) color and hover color? and for mega menu drop downs, the bullet color as well? thanks!
Hey!
1) Please add following codes to Quick CSS as well
#av_section_1 { min-height: 50px; height: 80px; }
div.iconbox_content { padding-top: 26px; }
2) Phone here http://i.imgur.com/WmHZkSS.jpg
and Cart here http://i.imgur.com/3qeUStU.jpg
No need to touch the files :)
Regards,
Yigit
https://kriesi.at/support/topic/icon-list-malfunction/
This guy was having the same issue but that is all I have found so far and no solution to my knowledge.
Hello DavyE!
Someone reported a logo problem with 2.2 ( https://kriesi.at/support/topic/enfold-2-2-breaks-site-logo-image/ ) and I fixed the issue with an updated avia.js file (you can download it here: https://gist.github.com/InoPlugs/ff21a064c574fc154794 ). Replace the entire code in enfold/js/avia.js with the code from the github gist and check if this solves your problem.
Cheers!
Peter
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling
.main_menu ul:first-child > li a { line-height: 60px!important; }
Then flush browser cache and refresh your page a few times.
Best regards,
Yigit
Hey!
1) Please add following code to Quick CSS in Enfold theme options
div.iconbox_content { padding-top: 20px; }
2) Add 42nd line here to Phone Number section
And edit Cart page and change page title with 44th line http://i.imgur.com/DhfCZXG.jpg
3)
.entry-content ul { list-style: none; }
.widget_nav_menu ul:first-child>.current-menu-item>a, .widget_nav_menu ul:first-child>.current_page_item>a { color: #719430!important; }
.widget_nav_menu a { color: gray!important; }
4)
div#text-4.widget { margin-top: -25px; }
Best regards,
Yigit
I should mention that I tried Phil C’s solution to disable the lightbox:
http://wordpress.org/support/topic/replacing-woocommerce-lightbox
It works when using the Twenty Thirteen theme, but not with Enfold.
Best regards, Staff