This reply has been marked as private.
Hey!
Add this code to the Quick CSS:
#top #wrap_all ins:before {
display: none !important;
}
Cheers!
Josue
Currently when an image and a text element are on the same line the elements aligin to the top, what css can we add so that if the text takes up more vertical space than the image the image is vertically aligned to the text. Also vice versa when the text takes up vertically less space than the image the text is vertically aligned to the image.
Hi,
Whenever I embed a Google Ad to the theme, it places 2 or 3 black dots above the ad. How do I remove these? Rather annoying.
I found this CSS code from someone else requesting,
#top #wrap_all ins::before {
content: “”;
It works – partially. It leaves blank space and pushes the ad down, and when viewing on mobile – the dots reappear.
Hey!
1.) Edit the button layer then go to Attributes panel. Give it a unique id like “learn-more-button. Use it on your Quick CSS field.
#learn-more-button:hover {
color: blue;
background: white;
}
2.) Please give it a css selector id or class.
3.) You can use this for the black events button:
.avia-button.avia-icon_select-yes.avia-color-custom.avia-size-small.avia-position-center {
background-color: red;
border-color: red;
color: blue;
}
4.) Use this:
.main_color.iconbox_top .iconbox_icon:hover {
background-color: blue;
}
Best regards,
Ismael
Hey covaun!
You can use the Fullscreen Slider or the LayerSlider then add this on your custom.css or Quick CSS to move the content upwards.
.fixed_header #main {
padding-top: 0;
}
You can change the transparency of the header using this:
.header_bg {
opacity: .1;
filter: alpha(opacity=10);
}
Regards,
Ismael
Yes! Thank you so much! Been struggling with this one for quite some time. Thanks again for your help, much appreciated.
Cheers
it seems as if the html tags are stripped out in the menus, tried to have the menu items in two lines, too – without success.
Hi there,
I have attached a screenshot of what i am trying to do. I just want the menu titles to be on two lines are they are quite long titles.
http://bit.ly/19voS87

Cheers
great I will give that a try. But before I do, can you explain the benefit or reasoning for this native behavior. It is visible all the time otherwise, and this affects phones that are in landscape mode, which is of course why I want to change it.
But before I do I am curious about why it is intentionally turned off between that pixel size. Seems strange without know why.
Thanks! But how do you calculate the percentage of the left margin and the percentage of the top?
Hey!
It was made intentionally. But you can add following code to Quick CSS and display it between 480-768px as well
@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #scroll-top-link {
display: block;
}}
Cheers!
Yigit
Hey!
For default logo with “non-fixed header with social icons and additional navigation” header type, custom css code would be
div .logo { left: 41%; }
.main_menu { left: 31%; margin-top: 40px; }
.main_menu .menu ul { top: 66%; }
Best regards,
Yigit
I’m trying to create a single image landing page with the menu and logo on top image the image. Like this: (link)
Can the be done?
Thanks
Can you explain me the basics? Logo = 270 x 130 px, header height from top to slider = 180 px. I have to adjust sizes myself, I have understanding of CSS. Menu width = max. 960 px.
Logo (centered)
–
Menu item Menu item Menu item Menu item Menu item Menu item Search (centered menu).
–
Slider
Hi finessecreative!
Please add following code to Quick CSS as well
@media only screen and (max-width: 480px) { .social_header .phone-info { top: 99px; font-size: 18px; left: 10px; }}
Best regards,
Yigit
Hey!
Can you post the link to your website as well? The link you provided in your other topic is still not Enfold
Cheers!
Yigit
Hey IcosMediaKunden!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top #menu-item-search.menu-item-search-dropdown>a:after { content: 'Suche'; }
Regards,
Yigit
This reply has been marked as private.
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top div.woocommerce-message { border-color: #D40094; background-color: #D40094; color: white; }
If you would like to make changes elsewhere, please point them out as well
Regards,
Yigit
Amazing!
It took some time, but it’s definitely worth waiting for this answer.
I didn’t think about something like that.
Thank you very much!
Topic can be closed, because the solution is there!
Hey!
Add this code to the Quick CSS:
.main_color:first-child .template-page.content.twelve.alpha.units {
padding-top: 0;
}
@media only screen and (max-width: 767px) {
.main_color:first-child .template-page.content.twelve.alpha.units {
padding-bottom: 30px;
}
}
Cheers!
Josue
In addition, the mobile version has an even worse problem with padding above and below the logo. For both the PC and mobile versions, I would like only a 5-10px of padding on top and bottom of the logo please. Thank you!
Hi guys. Please look at the category sorting links on this page, on the iPhone…
http://mcalpin.net
They are breaking bad.. instead of flush left for each link if necessary. can you advise?
Thanks!
Thanks for the compliment on the site. http://www.jackandaddi.com It has been a lot of work customizing it to fit my branding but fun also. But the theme does most of the work of course ;)
The issue isn’t with the mobile menu but the (jquery, I think) link to the top of the page that appears when you scroll down the page till a certain distance past the fold. You can even test it on this forum so it isn’t an issue with my site but the theme in general. if you scroll down far enough to the link in the bottom left corner appearing, then drag your window to a width anywhere between 480 – 768 the link will disappear, and then re-appear outsize that window size.
Hi guys
Back on this one again https://kriesi.at/support/topic/move-phone-no-into/
The only problem is its gone weird on responsive http://www.mainline-energy.co.uk
On my phone (android) the phone no. is on top of the menu. Is there a way to just alter the way it works on phones/tablets so the menu (and the rest of the page) is pushed down or something to make it look right.
Thanks
Masten
I did, but I would like to know how to decrease the top and bottom padding around the logo, plus it would also be nice if the logo would not be so big. So (1) how can I decrease the top and bottom padding around the logo, and (2) how can I decrease the logo size?
Thank you!