Hi!
We’re glad Victoria was able to help. Do you need further help with this topic, or can we close this thread?
Best regards,
Sarah
Hi,
Is any of the working. For example, if you add body{display:none;} to the top does it work?
Best regards,
Jordan Shannon
Hi guys,
I got exactly the same problem with the “sucess form”:
https://kriesi.at/support/topic/form-success-message-isnt-seen-unless-you-scroll/
How can I solve the problem?
Regards
Hi,
That’s strange. It shouldn’t affect your dropdown menu. Can you try this code instead:
#footer #text-5 {margin-bottom:0 !important;}
#footer #newsbox-2 {margin-top:0 !important;}
This now only affects the specific sections in your footer. :)
Best regards,
Sarah
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top .av-image-caption-overlay-center:hover p {
color: #f7c225;
}
Best regards,
Yigit
Hi,
Do you have a caching plugin in your server or in WordPress? Please try clear your cache so that the changes take effect.
If you would like Yigit’s code to affect the whole site, please use this code instead:
#after_section_2 {
border-top: none !important;
}
Best regards,
Sarah
After burrowing through Google chrome’s inspect I found and duplicated the below settings in the custom csss
.avia-section.av-minimum-height .container .content {
display: table-cell;
vertical-align: top;
height: 100%;
float: none !important;
Then removed “irrelevant” values:
.avia-section.av-minimum-height .container .content {
vertical-align: top;
}
And now it finally does what I wanted it to do throughout the site.
Would still like to know why this was necessary if you have a moment
Thank you!
Joel
Hey waveshaper,
You can try calling the script in functions.php.
Please see the following for an explanation of how to do so:
https://kriesi.at/support/topic/custom-js/
Best regards,
Jordan Shannon
Hey mofix,
Add the following to quick css:
#avia-menu .avia-menu-text img{
margin-top:-65px!important;
}
Let me know if this works and then we can work on the second part of your question.
Best regards,
Jordan Shannon
Hi,
When my site loads, for a spit second I am seeing this background image – http://109.199.127.133/~beaut891/ohsnapselfie.com/wp-content/uploads/2013/04/Oh-Snap-Selfie-Photo-Booth-1500×815.jpg where the full screen slider is. It only shows up for a quick second or less.
That image can be found lower on the page but I am not sure why it is showing up where the video is at the top for a quick second then replaced by the video.
My site
Here is video showing it
I
wenn du auf dem mobilen Menu dein Logo haben möchtest setze mal das hier in Quick css ein:
#mobile-advanced {
background-image: url("/wp-content/uploads/2017/06/cropped-PRE_Logo_RGB_150_RZ.png");
background-position: left top;
background-repeat: no-repeat;
background-size: 10% auto;
padding: 15% 0 !important ;
}
Hi,
I’m trying to add a search widget so it overlaps the bottom edge of the layerslider. I found an old post describing something similar, https://kriesi.at/support/topic/adding-a-static-layer-div-over-layer-slider-div/ and after following the instructions am still unable to get it to work.
I added the layerslider element to the page and beneath that a color section element with the search widget inside of it. In the color section element I added the custom css id, chsearchbox, then added the id to the quick css as shown below. The layerslider overlaps the search box no matter what I try. The website isn’t public yet, but I’ve attached a link to Dropbox so you can see a screenshot of what is happening. Am I missing a step? Do you perhaps have a better suggestion for how to position the search box so it overlays the bottom of the layerslider? Any input is appreciated–thank you.
#chsearchbox {
background-color: transparent!important;
margin-top: -15px;
z-index: 55;
border: none!important;
}
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.home #after_section_2 {
border-top: none;
}
Best regards,
Yigit
Thanks. I have no border styling set on both top and bottom border styles.
Hi Guys,
I habe no idea why but I can’t update the FRONTPAGE (it stops loading with “/wp-admin/post ” and it shows me an HTTP 500 error) – any other page is no problem only the FRONTPAGE is not able to update.
Could you please help me?
Nikolai GruschwitzGuest
Hi Guys,
I habe no idea why but I can’t update the FRONTPAGE (it stops loading with “/wp-admin/post ” and it shows me an HTTP 500 error) – any other page is no problem only the FRONTPAGE is not able to update.
Could you please help me?
I use ENFOLD 4.0.7 and WordPress 4.8
Thanks for your help !!!!
Hi,
To specify that TJ is pertaining to, please see if the Section Top Border Styling is set to “Display a simple 1px top border”. If so, please change it to “No border styling”.
I hope that helps!
Best regards,
Sarah
Great, that worked. Thanks!
Another issue I noticed is this – https://www.screencast.com/t/HMdCsD1mwYJ – the text that is showing on top of the images on desktop is not showing on mobile. Why is that?
Hi!
Yes, it’s because of that. To clarify: you NEED the text widget because it’s a link, right?
Can you try this code?
#text-5 {margin-bottom:0 !important;}
#newsbox-2 {margin-top:0 !important;}
This removes the bottom margin of the text widget, and the top margin of the Latest News widget.
Best regards,
Sarah
Hi,
I am using the custom.css file for adding custom code. But yes, the css you provided is on the very top. I have completely deactivated the auto-optimize plugin. So it shouldn’t be a criteria anymore.
Best regards,
Frank
Hi,
From having a look a the code the background is set on
.header_bg and on .header_color
Try removing the code from these and adding it to…
.html_header_top.html_bottom_nav_header #header_main {url("//hungry-cactus.flywheelsites.com/wp-content/uploads/2017/07/header-2.jpg") center top / contain no-repeat fixed #ffffff;}
adding the condition “contain” removes the white edges and gets rid of the zoom – well it does on my end ;)
Hope that helps
TJ
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
background: linear-gradient(135deg,rgba(0,174,243,.7),rgba(255,221,0,.7));
}
Best regards,
Yigit
Hi,
#top .av-masonry-load-more {background-color:red!important;}
Will change button color (obviously change red to whatever color you want.
#top .av-masonry-load-more {color:red!important;}
Will change the font color.
Any issue just holla
TJ
Hi there,
for any reason i can not access the tab “variables” in the dashboard product view. the page greys out and does not stop loading. Any idea, why?
Thanks, Tobi
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.logo .subtext {
position: absolute;
top: 20px;
}
.logo {
width: 100%;
}
.logo img {
float: left;
}
Best regards,
Yigit
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#advanced_menu_toggle:before {
content: 'Menu';
font-size: 14px;
top: -7px;
position: relative;
}
Best regards,
Yigit
Hello, Rikard. I find it important to find a safer way to this alignment of subhaeding. Using .avia-builder-el-97 is dangerous if the client modifies something in the layout. If he creates another table, he changes the number and stops working.
Is there another way?
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
@media only screen and (min-width: 1900){
.avia-mozilla #top .no_margin.av_one_fifth {
width: 16%;
}}
Best regards,
Yigit
Hi Nina,
Very sorry for the late reply, the new link worked out just great and I found the problem. You had a special heading element on the top of the page which was causing the layout to look like that. I removed the heading and the page is working as it should now.
Best regards,
Rikard
-
This reply was modified 8 years, 9 months ago by
Rikard.
Hallo,
ich habe folgendes Problem: ich möchte, dass eine color-section in der mobilen Version ein anderes Bild hat, als in der Desktop Version.
Die Color-Section hat die ID: #wasser
Custom CSS:
@media only screen and (max-width: 480px) {
#wasser {
background url(https:/xxx.de/wp-content/uploads/2017/06/wasser_mobile-1.jpg) !important;
}}
Wenn ich mir das Layout im Browser anschaue (das Fenster schmaler mache) funktioniert das auch einwandfrei. Auch wenn ich
im “Customizer” auf die Simulation (Smartphone) klicke, sieht es gut aus.
Allerdings funktioniert es nicht in der realen Umgebung, also auf dem Smartphone.
Was mache ich falsch?
Danke & Gruß,
Nik
-
This topic was modified 8 years, 9 months ago by
Nik.