Hi yampieters,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media screen and (max-width: 450) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 24.3%;
}
}
You can adjust the width of the thumbs and make it bigger, if you need.
If you need further assistance please let us know.
Best regards,
Victoria
Hey Samuel,
Can you try the solutions here?
https://kriesi.at/support/topic/how-to-add-custom-icons-to-iconbox/
Please let us know if you need further help.
Best regards,
Sarah
After some tries I add this: removing the magazine element (in which i’ve these problematic images), my result on PageSpeed increases a lot from 33 to 63 on mobile, and from 35 to 84 on desktops. So, the magazine element is the problem, can you please help me to solve it cause i need it to show my articles on mobiles.
Thanks
Hey George,
Can you try the solution here: https://kriesi.at/support/topic/give-access-to-enfold-options-to-editor-user/
Let us know if you need more help.
Best regards,
Sarah
Hi, thanks Rikard.
Attached is a mock-up of the header my client would like showing the logo centered with the 3-bar menu centered underneath. They do not want the 3-bar menu with ‘bullet points’, just the bars. They would like this for all options – desktop, tablets and mobiles. Is that do-able?
Many thanks
Gerry
Hi guys,
My client wants this kind of affect on the website I’m creating for them: https://www.servicenow.com/company/executive-team.html
At the moment, this is what I’ve done: http://serviceintegrators.co.uk/building-it-systems/why-us/
(Scroll to the bottom)
Is there anyway I can stop people clicking to the next person when the Ajax opens and just stay contained on the one profile?
Thanks
Hi Kriesi,
You guys always had and still have great support. Coming from an older theme, Corona, now moving towards Enfold. I’m running into some small things I would like to request and see if there are possible solutions. This first post about Social Profiles, and later probably more subjects while I build up the website.
1) Feature request to be able to change the order of the social profiles. For example, drag and drop the Twitter profile to the top of the list. So it shows first on the web page.
2) There doesn’t seem to be an option for links/websites/profiles that are not part of the already standardized social media list. For example, I would like to have http://www.artstation.com/myprofile in there as well. But there is no option for it. Either a generic “link” option, or a more custom solution where I can include a custom icon. Is there a way to do this myself through script/code?
Thank you so much,
Robert Berrier
Hi,
Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hey envisageiam,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a {
padding-right: 13px !important;
}
.html_header_searchicon_disabled #top .av_header_border_disabled.av_bottom_nav_disabled .main_menu .menu>li:last-child>a .avia-menu-fx {
padding-right:0px !important;
}
Best regards,
Sarah
Victoria,
I need to center the images at the very least. But here is the deal, I have done this before on a couple of posts. I just can’t seem to get this one. There is a way to do it. Would you draw Kriesi, Yigit, Ismael or Josue’s attention to see if they might have some ideas please? I would REALLY appreciate it.
I have got to get this site up asap. I would appreciate if you could consult with your colleagues on this. Thank you.
https://kriesi.at/support/topic/center-slider-image-on-mobile-site/
Hi Jas,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 450px) {
.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd,
.responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
margin: 0;
clear: none;
}
.responsive #top #wrap_all .slide-entry {
width: 22%;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
Great, glad you got it working and thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
I would like something like, when you click on email or telephone number on the top right side. Open a window automatically of email or call. in my case now, if you need to contact me you need to copy and paste to contact me by email or mobile. i would like something clickable. I hope that you understand.
thhanks
Hi,
if fixed it now without any line of code… The problem is, when you don´t set a top level menu in your theme, wordpress creates a own menu from all 1st level sites. And that menu doesn´t work with the underline from your theme… The structure of the WordPress generated menu is:
<li class="page_item page-item-23">
<a href="http://blackforestdeveloper.de/beratung/" style="height: 88px; line-height: 88px;">Beratung</a>
</li>
When i create a menu and check the box “Enfold Child Main menu” in the menu settings then the UNDERLINE works because the structure looks so:
<li id="menu-item-356" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-23 current_page_item menu-item-top-level menu-item-top-level-3">
<a href="http://blackforestdeveloper.de/beratung/" itemprop="url" style="height: 88px; line-height: 88px;">
<span class="avia-bullet"></span>
<span class="avia-menu-text">Beratung</span>
<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span>
</a>
</li>
There are 3 spans which are getting generated. And the last span: avia-menu-fx is the UNDERLINE. It´s a mayor feature of your theme. I doesn´t need any line of code.
The only Problem is to check the box in the menu settings and choose the DEFAULT style of the header in the enfold options.
Best regards,
Sergej
Ciao!! Hope you are doing fine!
1.
Currently, hover on thumbnail shows the big image preview.
I’d like to show the big image preview on click, not on hover.
And to be taken to the lightbox only when clicking the big image preview.
2.
I’d like to have more clearance in top and bottom of the image in the lightbox,
like a padding or margin so the image in the lightbox doesn`t get too close to the browser window.
Thanks! :)
Hey Basilis,
Apologies! I thought it would be somewhat doable with CSS,
previously, I was given this CSS by Nikko and it works! But I don’t want the masonry gallery to keep expanding after a certain browser width. Say 1600px
.home #header {
width: 100%!important;
max-width: 100%!important;
}
body.home {
width: 100%!important;
max-width: 100%!important;
}
.responsive .boxed#top,
.responsive.html_boxed.html_header_sticky #header,
.responsive.html_boxed.html_header_transparency #header {
width: 100% !important;
max-width: 100% !important;
}
Thank you,
Chris
Hi,
Try this code in the General Styling > Quick CSS field:
#top .main_menu .menu>li:last-child>a { padding-right: 13px!important; }
Best regards,
Mike
Hey Victoria
I followed the instructions on this page.
https://kriesi.at/support/topic/add-featured-image-to-search-results/
Logins below.
Thanks for your help.
Shaun
Hello there,
We’re having a problem with the video background on our homepage. When minimizing the screen on desktop, or when viewing on mobile, the video has black lines and a border above and below it. We would like it to stretch to fit, just as it does when viewing in full screen on desktop.
Any help would be much appreciated.
Thanks!
Hi Mike, not sure whats happened there, I used a dropbox link? Tried again with a wp upload.

Ive also just checked the site http://www.dreamtexltd.com and seems as though its up just running a little slow for some reason.
I also tried this fix from this topic, didn’t seem to do anything? http://kriesi.at/documentation/enfold/enable-cors/
Hope you can help!
Thanks
Ric
-
This reply was modified 8 years, 10 months ago by
bluebubble.
Hello Sirs,
How are you?
I would like to position SKU below the price in single product page.
I used the following css code:
span.sku_wrapper {
display: block;
font-weight: bold;
position: absolute;
top: -500px;
}
The css code worked, as you see in screenshot: https://prnt.sc/fjvolp
but when the post excerpt is bigger with more text, then the text overlaps SKU…
…as you see in screenshot: https://prnt.sc/fjvowc
Could you help me?
I need your precious support…
Best Regards,
Nick
Okay so immediately after I posted this I found this previous post which does exactly what I want it too.
So I no longer need assistance with this. Thanks for already answering my question (man you guys are fast ;-)
nick
Hi,
Add the following to quick css:
.html_header_sidebar #top #header { width: 200px!important; }
.html_header_left #main { margin-left: 200px!important; }
You can adjust the numbers to whatever you like.
Best regards,
Jordan Shannon
Hey Philflip,
Make sure that in tab options you have the content selected to align to “top” or “above”.
Best regards,
Jordan Shannon
Hi,
Add the following:
@media only screen and (max-width: 767px) {
.mobile-list-layout-add-on-product-quantity{
margin-top:-120px!important;
margin-bottom: 50px!important;
}
}
This may be as close as it can get via css without template modification.
Best regards,
Jordan Shannon
Hey OrangeMoose,
Please clear your cache and check again.
The other topic has a different wording on the headlines of the tabs.
Best regards,
Basilis
Hey,
Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/, give your element a custom CSS class then add following code to Quick CSS
.your-custom-class { position: relative; top: 20px; }
Best regards,
Yigit