Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
I am trying to get my sidebar to extend the entire length of the page and I haven’t had any luck with it.
Here is the CSS i’m using
#top #main .sidebar {
background-color: #f9f9f9 !important;
padding: 20px !important;
}
.inner_sidebar {
margin-left: 0px !important;
}
Here is the link to my site so you can see what I mean.
http://dmxsradio.com/
Thanks in advance
Hey seykom,
Thank you for using Enfold.
1.) You can define the image size in the slider’s Slideshow Image and Video Size settings. However, uploading images with the same dimension is still the best solution.
2.) Where can we find the gallery? Are you using the theme’s gallery element?
3.) Go to the Enfold > Advanced Styling panel and edit the Main Menu Links element. If you want to enlarge the logo, you have to increase the size of the header itself. You can do it in the Enfold > Header > Header layout panel. Set the Header Size settings accordingly.
4.) In the Appearance > Menus panel, replace the menu item with a Custom Link. Use the hashtag (#) symbol as the url.
5.) Please add this in the Quick CSS field.
.main_color .avia-content-slider .slide-image {
background: transparent;
}
In the future, please create a single topic or thread for each inquiry. Thank you.
Best regards,
Ismael
Hi,
1: We can move the code from Quick CSS field to our child-themes CSS-file?
1.) Do you mean the child theme’s style.css file? Yes, you can move the css modifications there.
2: On a mobile the heading of the description is chopped off. I guess its more a question of the height of the color section. Is that correct? can you please point me in the right direction?
2.) The minimum height of the slider can be adjusted on mobile view. This will create more space for the title and captions.
// https://kriesi.at/support/topic/logo-section-overlapping-full-length-slider/#post-722773
// https://kriesi.at/support/topic/how-to-add-cta-button-into-the-slider/#post-722308
Best regards,
Ismael
then how do I take away the white space in mobile view if I were to set a top padding in desktop for the right column?
Hi Rikard,
Thank you for the reply. I have tested on chrome, and on safari on my mobile. Its on the home page at the bottom underneath “our Practitioners”, the colour is almost white on the desktop but when you resize the browser or when you try on your mobile phone the colour changes to a dark green. Is there a way i can send you a screenshot?
Thanks
Lee
Hi,
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.html_mobile_menu_tablet .main_menu .avia-menu {
display: inline-block!important;
position: absolute;
right: 0;
top: 0;
}
.responsive .logo img {
max-width: 85%;
}}
Best regards,
Vinay
-
This reply was modified 9 years, 2 months ago by
Vinay.
Hi Intell!
That is most of the times that is a cache issue.
Please try remove cache and check agan.
As it is visible on desktop, it is not an issue from Enfold.
Let us know if we can do anything else.
Cheers!
Basilis
Hi,
How do I center two columns? I tried using top white space but it created too much white space in mobile view.
here’s the link https://www.aeasycredit.com.hk/en/affordable-lending-online-aeasy-credit-hong-kong-backup/
Thx

-
This topic was modified 9 years, 2 months ago by
wtony.
Hello, I have a question to an older closed topic.
https://kriesi.at/support/topic/enfold-portfolio-title-over-image-on-hover/
I have done this and its the thing I need. But I have two qustions.
1) How can I prevent the “Title-Block” in the image from being affected by the image-overlay?
I mean the 0.7 white oppacity which comes in with the 0.4s ease-in-out transition.
This makes my title-text with its background too bright.
2) The title-text with its background is shown when I hover the image. Thats ok, but is there a way to add a transition so that it comes up not so hard?
Thanks in advance
Oliver
Hi,
When I use some animated elements it seems to be slow loading or not at all. Sometimes you have to scroll down and up again to see the animation, sometimes it starts loading once it is already on top of the page, not when it comes visible below when scrolling.
On my ‘Gallery’ Page you can not scroll and then the Masonry Gallery wont load properly. (I think it is because of the scrolling, not sure..)
How can I fix this?
Hello,
This is a fresh WordPress and Enfold install. The “Title_container” is not showing on Desktop; only on mobile (i.e small screen).
I have the top sub menu activated in which an image is displayed, however, the Title_container is not pushed down because of the additional height and the logo area is just displayed above it; though hiding it. If the topbar is anything more than 30px in height that will affect the Title_container. I believe there should be a CSS edit to fix this.
Thanks,
Hey iwallace,
To achieve what you are looking for please follow the steps below:
1. Enable custom css class name support for ALB elements http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
2. Use 1/2 column elements instead of 1/4 and give it a class name col-50p
3. Add the below css in quick css.
@media only screen and (min-width:1281px) {
.col25p { width:24%!important; }
.col25p.first {
margin-left: 3%!important;
clear: none!important;
}
.col25p.column-top-margin {
margin-top: 0px!important;
}
.col25p.av_one_half{
margin-left:1%!important;
}}
Best regards,
Vinay
Hi !
The layerslider should be on top of the page without any white space above.
I use the BLANK page template and also found this css in other support topics:
#main {
padding-top: 0!important;
}
#header_meta {
display: none;
}
But there still is some white space in desktop and mobile view.
I’m sure you have the right answer at hand – like always ;-)
Thanks in advance
Tom
so here is a solution for more than two buttons:
ALB:
Fullscreenslider with custom class (in my case: socialbuttons3)
downunder a colorsection with a 1/1 container (with -400px on: “Custom top and bottom margin” ) and in it a text-block !
You now can place one image (all floating left) and again and again in the text-block. Set up your link Options and target Option to the Images
The Text-Block got a custom class: centerbutton
#fullscreen_slider_0.socialbuttons3 {
z-index: 0;
}
.avia_textblock.centerbutton p {
display: inline-block !important;
left: 50%;
position: relative;
transform: translateX(-50%);
}
.avia_textblock.centerbutton a {
display: inline !important;
margin: 15px !important;
opacity: 0.9;
width: 120px;
}
.avia_textblock.centerbutton a:hover {
transform: scale(1.1);
opacity: 1;
transition: all 0.4s ease-in-out;
}
.avia_textblock.centerbutton .image-overlay {
display: none !important;
}
Result: https://webers-testseite.de/ikom/full-slider-with-content/
-
This reply was modified 9 years, 2 months ago by
Guenni007.
by the way if you have more than these two buttons – i will do that too with a fullscreenslider on top.
Underneath you put a color section – with the buttons.
the trick is not to make the z-index higher to the buttons – but to lower it on the slider:
see here : https://webers-testseite.de/ikom/full-slider-with-content/
there might be a bit more css to solve – because you have to find a solution on small screens.
The z-index for slider (i only set it for that page – or you give the fullscreen-slider a customclass to select it):
.page-id-3220 #fullscreen_slider_0 {
z-index: 0;
}
i’m looking for you to a nice solution soon
Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Issue of Part 2 was solved! Thanks!
Another questions are
1: how to activate the ” Read More” Tag in the woo commerce tab panel content?( in the single product page)
When I insert the “Read More” Tag in it, all the content shows normal (not being hidden and without the Read more click)
2: I want to display 2 columns of product images per row in the shop page in mobile view,
right now it displays only 1 and looks quite large, I think.
in the woo coomerce setting, it is already 4 columns and with 16 counts. but the mobile keeps all the same.
I searched the forums, there is some available code
@media only screen and (max-width: 736px) {
.avia_textblock pre, .responsive #top #main .products .product {
width: 45.6% !important;
margin: 0 4% 1% 0;
}}
but IT DIDN’T GIVE CLEAR SOLUTION, something like need to give a PAGE ID to those code??
Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Not sure if this topic has been answered before, but how and where do I disable redirects on my enfold theme? example: mysite.com/anythingthatgoeshere always redirects to mysite.com
Please advise.
Thank you,
goldenfate
Hey Christopher,
Thanks for the details, could you post WordPress admin login details as well please?
Best regards,
Rikard
Hi Filipp,
Ok great, thanks for the feedback. Let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi
I have a logo which doesn’t sit in the actual header area. It looks ok on desktop and tablet but doesn’t seem to be responsive on phones. Also (on phone) when I scroll down the logo disappears, which it is meant to do, but the menu icon is cut off.
Anything I can do?
Thanks
Anji
Hi, why did the hiding of the codeblock with custom css for all ALB in this post (forum example) not work.
I know, he has solved it at least with the css field of a color section, but the first intention would be more interesting. The feature for adding an ID to builder elements which haven’t one could be very helpful.
Thanks for answering.
Markus
Hi Vnay,
thanks for quick reply. Sorry for wrong PW corrected this in PM.
I delete the changes in Advanced Styling and add your code. This is for the textcolor. Try to use other code, I found here
https://kriesi.at/support/topic/main-navigation-menu-styles/ or
https://kriesi.at/support/topic/mega-menu-text-color-and-spacing/
but nothing works. Can you help?
thanks
Claudia
Hey andyqueanda,
Try using the ones mentioned on this thread: https://kriesi.at/support/topic/tooltip-shortcode/
Hope this helps :)
Best regards,
Nikko
Hey Matthew,
I think it’s possible if you use an image element and not use the image as background. You can try using an image, then turn on Custom CSS Classes (you can find the information here: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) then add a class on that image element. Then go to Quick CSS (located in Enfold > General Styling) and add some css for example:
.classname_here {
position: absolute;
right: 0;
top: 0;
}
You will probably need to change the values a bit. Hope this idea helps :)
Best regards,
Nikko
Hey jaroljmek,
Sorry for late response, there have been a lot of queries lately. It seems you have already done this, let us know if there’s anything you need assistance with that is related on this topic.
Best regards,
Nikko