Hi,
I’ve searched several posts regarding putting the social icons on the same line as the menu and tried the custom css but neither css works. These are the two I tried below. Can you please tell me custom css that will work? Also, if I decide to keep in top bar, how can I leave top bar black like it is now but make sub menu hover red? It seems whatever color you make the top bar is the same color as the submenu hover. Is there a way to set that separately?
###Tried this first###
#header_main .social_bookmarks {
right: auto;
left: 30%;
}
###Tried this next###
#top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header #top .av-logo-container .social_bookmarks {
right: auto!important;
}
Also, can you tell me how to make the RSS feed social icon stay orange like I did using the following css to keep the facebook and twitter icons to always their color of blue?
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #46d4fe;
}
-
This topic was modified 9 years, 9 months ago by
yes9310.
Hi,
Sorry for the delay, please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #review_form #respond .comment-form-rating {
position: static;
}
Best regards,
Vinay
Hey Ann,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px){
.responsive #top #header_meta .social_bookmarks li a {
color: white !important;
}
}
Best regards,
Jordan
Hi,
Try the following CSS:
.custom_content {
padding-top: 10px;
}
Best regards,
Jordan
Hi,
We have added the below CSS in Enfold > General Styling > Quick CSS
#top .av-main-nav li:hover > ul {
background-color: rgba(0,58,121,.55)!important;
}
You may not see the changes until you clear in caching plugins settings and on your local browser.
Best regards,
Vinay
-
This reply was modified 9 years, 9 months ago by
Vinay.
Hey mind,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-main-nav li:hover > ul {
background: #FFF;
}
Best regards,
Vinay
Hey Kim,
Sorry the topic was closed before the issue was solved, I promise it was not intentional.
You can try applying the following CSS instead:
.footer_color h3 {
color: #B72D72 !important;
}
Just change the color value to the color you want.
Best regards,
Jordan
Hey turistai,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .entry-content {
max-width: 100% !important;
}
Best regards,
Vinay
Hello,
I’ve been trying to apply styling and layout settings to a newly installed Enfold theme but few of the settings take. Color wouldn’t take until imported a demo, but container dimensions won’t take… and the list goes on. What is going on? I’ve been staging settings for a client website and I was planning to import the settings into the production website once I had them just right. If import doesn’t work I’m going to have to re-do all my work on the live website which is going to be very messy. I’d like to avoid that and need your help.
I found this thread https://kriesi.at/support/topic/enfold-not-changing-general-styling-urgent/#post-282510
WPML seems to be the issue here, but I don’t actually have multiple-languages plugin installed.
Thank you in advanced for your help!
I just posted the problem below and Vinay closed my topic out before the problem was solved. I also tried a code that he suggested and it didn’t work (please view the other thread from earlier today). I told him that and he asked me to rate Enfold and closed the topic. ?? I’d greatly appreciate an answer that works and the thread not being closed out until it does work. Thanks so much.
The headings in the widgets in my footer are a light pink. I’ve tried changing the color in General Styling -> Footer, and that doesn’t work.
I’ve tried adding the following code to the Quick CSS in General Styling:
#footer .widgettitle {
font-size: 20px;
color: #000000 !important;
}
Doesn’t work.
Can you please tell me what I’m doing wrong here. I’ve searched other threads and I can’t figure out what this problem is. I’ve flushed the cache on my site. Nothing works.
Hi there,
The website I’ve build with this theme looks great on my Acer and smartphone (Samsung). When I look at the website on my iPad, I still see the desktop site. It should be the responsive site/design;
On the theme optionspage I’ve selected the option for responsive site.
Hope to hear from you, thanks!
Andrea
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.image-overlay {
visibility: hidden;
}
.image-overlay-inside:before {
visibility: visible!important;
}
The search bar is located on top of the support page here https://kriesi.at/support/
Alternatively you can use google just type kriesi first and your question and google shows you the best answers from the forum or you can use site:kriesi.at in the search term as well.
No, you don’t bother at all… we are very happy to answer all your questions :)
Feel free to keep them coming.
Best regards,
Vinay
Ok, i have now update the first page with your theme via FTP. 3 times – with filezilla in ascii mode. Now, i see no icons like social, ham-menu and other icons. But only on mobile , not on desktop screens
-
This reply was modified 9 years, 9 months ago by
Hokuspokus.
Hey Kurt,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #wrap_all #header #menu-item-511.av-menu-button-colored > a, #top #wrap_all #menu-item-511.av-menu-button-colored > a .avia-menu-text {
background-color: #ca0003;
}
#top #wrap_all #header #menu-item-511.av-menu-button-colored > a:hover, #top #wrap_all #menu-item-511.av-menu-button-colored > a:hover .avia-menu-text {
color: #FFF;
}
Best regards,
Vinay
Hey guys,
For some reason, my website layout is messed up only at 768px. At 767px it’s exactly how I want it, at 769px it turns to the desktop version and that is also the way I want it. However, for 768px, the logo is gone, and the 2nd and so forth child of items are not lined up (scroll down and you will see what I mean, easy visible on the footer).
I’ve tried everything I can and I cannot get the layout to work. I want the layout to be exactly the same layout as 767px.
The website is http://www.irepairit.com
Thanks
Hey Munford,
It is a preview link and works only if you are logged in. It works on desktop for you and not on mobile because you are logged in on desktop. Please remove “&preview=true” from the link it should work fine. To get the correct page URL please click on view page and copy the url from the address bar or copy the permalink in the page.
Best regards,
Vinay
Hello again,
I solved the problem already by deleting the !important at the margin-left. Now it works fine :-) Also for the mobile version.
Now I’m nearly finished with that side – but one thing is sill not working:
In Quick.css I use following codes, to design the spaces between the cells:
div .av_two_third {
margin-left: 2%;
width: 66%;
}
div .av_one_half {
margin-left: 2%;
width: 49%;
}
div .av_one_third {
margin-left: 2%;
width: 32%;
}
On Link 1, I try now to show one big picture (2/3 cells) next to 2 pictures (in a 1/3 cells, the lower picture has the style
.imagos {padding-top:2%;}
However, as you can see – at the bottom they are not on the same “line” – you see it better, if you are making the window smaller… Is it possible, that the big picture and lower picture of the smaller ones are one horizontal line.
Thank you again for your great support.
Hello the team,
I use the plugin social warfare to display a floating horizontal social buttons.
It works with posts and pages only if i don’t use the avia builder.
A page constructs with avia builder stops the display of the plugin.
Examples in private content :
Thank you for your help.
Regards.
when you hover the mouse over the top logo on the private link, it display the filename, i turned off caption and link, how do i avoid that?
Hi,
Great, glad we could help. Please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi AppelenEelman,
Please try the following in Quick CSS under Enfold–>General Styling:
#top .av-main-nav ul a{
font-size: 16px !important;
}
Regards,
Rikard
Hi,
Great, please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi Kurt,
Glad we could help, please let us know if you should need any more help on the topic.
Regards,
Rikard
Thanks Andy,
So we may be working cross purposes here since there are two things I am trying to do that are being addressed on two different support tickets.
This thread was originally about finding a way to hide the Header image, header widgets and logo on all pages but the Home page.
You helped me out on this as you can see at the top and we almost had that solved except for the gap issue on sub-pages and that the mobile nav menu disappeared.
It seems with this code:
@media only screen and (max-width: 767px) {
.container.av-logo-container {
display: block;
}
#header_main {
margin-bottom: 0;
}}
We are getting the menu back, but by forcing the header image, logo area to appear on all pages which is what I was trying to avoid.
I am afraid the various code bits are now working against each other.
So first question is, should I just consolidate all the issues into a new ticket on where we are at or if not then:
1. If I leave the previous code in place that you gave me to hide the header elements on all pages but the home page:
.container.av-logo-container, #text-10, #text-13 {
display: none;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 0px;
}
And for your homepage:
.page-id-734 #main {
padding-top: 200px !important;
}
.page-id-734 .container.av-logo-container, .page-id-734 #text-5 {
display: block;
}
.page-id-734 #text-6 {
display: block;
}
then is there a way to display the mobile menu (but not the logo container) which is hidden by this code on a mobile device?
Again I apologize if this is getting confusing. It is to me.
Thanks again.
Hi,
it’s quite unclear to us what you want to achieve, but try this code:
.page-id-6156 .avia-menu-text {
background-color: transparent;
}
.page-id-6156 #top #wrap_all .av_seperator_big_border#header .av-menu-button-colored > a {
background-color: transparent;
}
A mockup showing the results you want to achieve would help us a lot (use imgur.com, dropbox).
Best regards,
Andy
On each and every page, when I hit ‘Default editor’ I get an empty white box.
Tried everything suggested here (https://kriesi.at/support/topic/enfold-text-editor-text-shows-white-in-the-text-box-so-it-cant-be-read/) and nothing will do it.
Please advise.
Upon updating to WP 4.5.2 parts of my pages are blank.
I have followed all the steps in this post: https://kriesi.at/support/topic/having-problems-after-updating-to-wordpress-4-5-please-read-this-first/#post-616207
It is only fixed by adding the snippet. Clearing cache, different browsers, and different machines all produce the same issue.
I have turned off ALL plugins and the problem persists.
I uploaded a new version of the theme via FTP and problem persisits.
Suggestions?
-
This topic was modified 9 years, 9 months ago by
tapaway.
Hi Vinay,
the solution doesn´t make it perfect but it is much better and one can understand what is written.
I can live with that. You can mark the topic as solved.
Thank you very very much for your great support!
All the best
Asterios
Hey melissaek13!
Please check the post of Yigit here
and let us know if that covers your need.
Thanks a lot for your understanding
Regards,
Basilis