Okay, I tried importing the Coming Soon demo just to see how the page was built using a background image. Apparently it was done using a Quick CSS entry tagged for the CSS item .main. I could not see the white text on the page since the demo import did not work. I replied to this on “https://kriesi.at/support/topic/coming-soon-page-is-blank-upon-importing-the-demo/”. I do not believe this has been rectified either.
The issue here is I need a site landing page that functions like the coming soon demo so I can load four graphic buttons for users to select to where they want to go. From there I need a standard site like the full restaurant demo.
So the question is: If I import the full restaurant demo site HOW do I create a site home page like the Coming Soon demo? It seems to be the solution provided in the forum using a quick css entry for the scalable page background would be for all pages. I want it limited to ONLY the home page.
-
This topic was modified 9 years ago by
crtdude.
I see why it’s not working – I deleted this css –
#emblem {
left: 0px;
top: 0;
padding-top: 0;
position: fixed;
z-index: 999999;
background: url(“http://www.rentkaslo.com/images/banner.png”) left top no-repeat fixed;
height:100%;
width:100%;
}
And the scrolling works again – is there a different way to have a fixed banner that will not interfere with the scrolling function?
Thanks, again!
I am baffled by your response as I have opened the page in Internet Explorer, Safari, Firefox, Chrome. On an iPhone, iPad, Kindle, and laptop, a Mac and in Windows and the slider loads each time. I have loaded it from different IP addresses as well and have no problem. So I don’t know why you can’t see it and don’t know what else to do. I have uploaded the slider to another website in case that is helpful and the link is below for that page.
Hi guys. I found this old thread about using shortcode in “special heading”: https://kriesi.at/support/topic/custom-shortcode-in-special-headingheading-text/
That discussion ended rather abruptly, so i’m asking this:
1. When CAN you actually use shortcodes in enfold components. Specifically which fields allow this?
2. Also, how would one go about solving this particular issue at hand?
Hi!
@Matt_messer please note that while we try to help, every time you post into the topic before we reply, you push your self back to the end of the line and that means – we can not support you at all.
That is bad, right? So please be patience and we can help you out.
How you are using Layer Slider, while we do not have any slides to that demo?
Cheers!
Basilis
I added a video shortcode like you suggested. It’s showing the video now but not full size. Take a look at the link below – top is shortcode, below is the video media element.
thanks
nancy
Hey rlogan2334!
Let me know when you update the blog topic issue with the second purchase code
and we will do check here also.
Thanks a lot!
Regards,
Basilis
Hi,
Tested on your site and it should work fine.
Please insert the code at the top of the Quick CSS section in Enfold > General Styling.
If you have any issue let us know.
Best regards,
Vinay
Hey!
The code should be targeting only the slideshow, based on what Nikko provided.
Regarding google translator, there are many plugins out there that you can try, to see which one fit your needs the best.
Most of theme, also have proper hooks, that will be used to be placed at the top position, that enfold has for those flags to be added.
Let us know if we can do anything else for you.
Best regards,
Basilis
Hi,
The code provided will affect only the mobile device. Please remove the old code and add the code Niko provided at the top of Quick CSS section in Enfold > General Styling.
You may not see the changes until the cached files are cleared in your browser.
Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.
Best regards,
Vinay
Hello Yigit,
that just moves the line from between the insta and twitter logo to between the facebook and twitter logo.
lets try an easier method. Instead of trying to fix this issue can you send me the code to remove all the lines from the social media elements, in desktop, tablet and mobile please?
Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
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.
Best regards,
Rikard
Hi Kornelia,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hey Guys,
After my website got a small hack, i decided to improve the security of my WordPress installation.
After doing so, with some plugins, i realise that my top menu is not showing properly anymore.
It’s looks like there is a problem with the normal menu & the responsive one.
I tried disabling all the plugins and also re-import the the theme via FTP.
I suspect that WP cache can be the problem but even with clearing it, it doesn’t change anything.
But no joy.
Could you let me know if you see something in the code that looks strange or if you can spot the problem?
Hope it can be fixed without too much hassle.
Edit : Re-uploaded the theme file once more and it looks like it did the trick this time….
Sorry for the trouble.
-
This topic was modified 9 years ago by
Lan_project. Reason: Fixed
I use this option in layout: Logo and Main Menu → Left Sidebar
I need a fullwidth slider and one more menu at the top of all pages, posts and goods pages. Like this: https://yadi.sk/i/rsKSG-j73CuAbj
how to add it on every pages?
Hi Nikko / Vinay – thanks for your suggestion and this code will work if we can target it just the top banner image (not all images on the page) and that too only in mobile version. Nikko’s suggestion get applies to all images in mobile view.
thanks
Never mind. I figured it out ; )
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b !important;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #46D4FE !important;
}
#top #wrap_all .av-social-link-instagram a {
color: #fff;
background-color: #A67658 !important;
}
#top #wrap_all .av-social-link-pinterest a {
color: #fff;
background-color: #CB2027 !important;
}
Can I get the CSS to add colors for the rest of the social media icons, specifically Twitter, Instagram and Pinterest? Thanks!
https://kriesi.at/support/topic/social-media-icons-color-visible/
Hey!
Please create a second topic, so we can review
@kenwcmg can you please provide us backend access?
Cheers!
Basilis
Hi!
What chanegs you want to do?
You have a different design, with no sidebar or hidden top area.
Can you explain us what you want to do?
Cheers!
Basilis
Enfold Masonry Gallery with Right Sidebar, image pop up with Lightbox is not the Full SIZE image, and i noticed that when uploading the image becomes 960 x 540 in size, i tried https://wordpress.org/plugins/simple-image-sizes/ as was mentioned in some post https://kriesi.at/support/topic/problem-with-image-lightbox-size/ and did not worked for me, please help.
How to upload images to Enfold Masonry Gallery with their FULL Size (like 3000 x 2000 pixels) so they appear full screen in lightbox when loaded?
I have a contact form on my Contact Us page, and suddenly, without having changed anything it stopped working. It was only when a client emailed me to say that she had contacted me through the contact form that I realised.
Really annoyed, as I checked it, and couldn’t see any problems with it. It was one of the forms that came with the theme. I have since changed it to a Contact Form 7, and it works fine.
How to reduce padding Enfold Sidebar – Widgets padding – between widgets at the top and the bottom ?

Hey Michael,
Try adding this in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) {
.responsive #top #wrap_all #header {
position: fixed !important;
}
.responsive #top #main {
padding-top: 88px !important;
}
}
Hope this helps.
Best regards,
Nikko
Very kind of you to chime in Nikko! I’m afraid $(document).ready() is too early since (for me anyway) repeatedly fails to load the ALB.
I did solve my particular issue with a slight modification though:
// make avia default on new posts
// use #postdivrich_wrap for editor only, #post-body for (pretty much) everything
// see https://kriesi.at/support/topic/always-open-advanced-layout-builder/#post-452117
add_action('admin_head-post-new.php', 'trigger_alb_on_load');
function trigger_alb_on_load(){
echo '<style>#post-body { display: none; }</style>';
?>
<script>
(function($){
$(window).load(function() {
$("#avia-builder-button").trigger('click');
$("#post-body").css('display', 'inherit');
});
})(jQuery);
</script>
<?php
}
This seems to work nicely. For me anyway.
Hi.
I need in desktop devices responses to post comments are more to the right in post pages. Now is wrong, comments are more to the right than responses. Please check my web.
Example:
Now it’s wrong:
(Space) Comment
Response
I need in this way:
Comment
(Space) Response
Thank you.
-
This reply was modified 9 years ago by
VM.
https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439
Hello Yiğit! I ve followed all instructions on this topic. But still my button is not working. Also i do not want to create a link in letter, i want when clicked the button in my website, that opens new popup mailchimp form with in it.
How do I remove the top thin light blue banner?