View post on imgur.com
i use a layer slider.
there is one image (imac) that looks perfekt in desktop view (image1) but the imac is much to small in responsive iphone view.
how can i scale up this imac only in responsive view? i use 2 different images on for desktop and tablet view and a second imac image for iphone view. you can set up this in the layer slider.
but the image is still to small because of the high of the silder. 400px high. but i need this high for the desktop view to get the perfekt look.
QUESTION: how can i scale up the imac image at the responsive iphone view????
Thank, Alexander
I’m working with the small business demo as a starter for my client’s website. The final piece is the video. Your demo has a vimeo url that works perfectly. When I trade your url with my youtube one, the video will not play on the site but instead takes you to the YouTube page where the video is hosted. I can’t seem to find additional embed code…is that required to make it work? I currently only changed one of the video links on the home page (top one) so that I could compare.
i’ve tried to put that code in the fuction.php but the magazine element still show me the same article i’m reading. I give you access so you can take a look ( i left the code in the function.php, at the top, so you can see it easily). can you tell me how can i give you temporary access?
Thanks
Hi Nikko,
Until now we have the issue with two sorts of clients:
Windows Surface Pro (Tablet) and Lenovo Yoga (Laptop) with OS Windows 10 and a screen resultion of 1920 x 1080px.
There we can see the stripes on both Firefox and Chrome Browser.
I have been playing with this for hours and I scouring the web and I found this link to your support forums, it addresses the problem I am having. Can you please read this and let me know where the Plugin Additions tab of Advanced Layout Builder is?? Here is the link that may be helpful: https://kriesi.at/support/topic/enfold-and-the-events-calendar/
Thanks
Joe
Hi Yigit,
In another topic, I’ve asked you how to create social media icons in a Layout Element; just like Social Share Buttons. Now I am writing this request in English maybe to help others with the same request.
As a response, you want me to paste the code in the following link -https://pastebin.com/ZWGrhiLj- as a text in a Text Block and below code to Enfold theme options > General Styling > Quick CSS.
.widget .social_bookmarks li,.avia_textblock .social_bookmarks li { clear: none; border: none !important; }
Thank you very much for your swift response; I did those but the icons are now too small according to Social Share Buttons and there is no vertical separator line between them. Is there a way that I can use to make them look exactly like Social Share Buttons?
Many thanks!
Hi Phil,
Glad to hear that. Just let us know if you need more assistance on this topic or if we can close this thread :)
Best regards,
Nikko
Hi montanayank,
Please refer to this thread for a possible solution.
If you need further assistance please let us know.
Best regards,
Victoria
Hey mmentuccia,
Those are title or alt elements that show when you hover over image, they are HTML native elements.
Please refer to this thread for a possible solution.
Best regards,
Victoria
Regarding this scroll button for mobile. In my humble opinion I think that you are not considering if the user really know how to go to the top in a mobile. We are a quite technical savvy company and just 1 out of 10 of my colleagues I tested this with knew that you could click on the top of the browser. What would be great is to have this button appear for mobile the moment the user start scrolling upwards i.e then offer him/her to get to the top with only one click. This would save space in all situations when it is not needed right?
Hi,
I was wondering if it’s possible to link the text between two columns, or spreading the text in a 1/1 layout in two columns.
I’ve got a rather large text, which I can break up in separate pieces, and put them all in separate columns. But since there will be quite a few changes to the text in the future, that would mean combining the text and breaking it up again every time it’s rewritten.
Besides that, the site may look nice in a two columns setup on the desktop, but when reading the text on a tablet or phone it’s weird to have the text broken up in sections because of the columns.
Any idea’s on how to tackle a problem like this?
Thanks in advance!
Best, Haiko.
or:
#top .main_color .wpcf7-not-valid {
background: rgba(230, 70, 0, 0.3) !important;
}
for you
Kannst du das hier mal probieren:
#top .main_color .wpcf7-not-valid {
background: rgba(255, 255, 120, 0.2) !important;
}
Okay i found a solution myself:
https://wordpress.org/support/topic/overrides-other-menu-functions/#post-8945399
Popup Maker > Settings > Misc :
Disable Popups Menu Editor (Use this if there is a conflict with your theme or another plugin in the nav menu editor.)
Thanks anyway for your support!
Hi krtnkl,
Please refer to this thread for an idea.
If you need further assistance please let us know.
Best regards,
Victoria
Hi Xenia,
Please refer to this thread for a possible solution.
If you need further assistance please let us know.
Best regards,
Victoria
Hey DynamicsOnline,
There is no error, autoplay won’t work on mobile. This is device limitation as opposed to an issue with the theme.
Best regards,
Jordan Shannon
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia_transform a:hover .image-overlay {
opacity: 0.7 !important;
display: block!important;
top: 0;
}
Best regards,
Yigit
See the link below, there is a layerslider at the top of the page that contains a video.
The video is set to automatically play, though it does not autoplay when viewing on mobile. I can’t figure out what is wrong with the settings.
Below is the code that I have placed in the Layerslider.
<video preload=”auto” autoplay=”autoplay” width=”100%” height=”1264px” loop=”true”>
<source src=”http://troymill.com/troymill-combinedshort-noaudio.mp4″ >
</video>
Thanks in advance for your help,
Dave
Hi,
Which required one? As I mentioned, follow this post. It gives you step by step instructions exactly what you need to do. The gentleman who posted this solution has helped many others with the same predicament:
https://kriesi.at/support/topic/woocommerce-3-0-03-0-1-and-the-images-issue/#post-774201
Best regards,
Jordan Shannon
I have another problem. Can you help me with this?
The slide works on desktop view but the images are to small for responsive iphone view. how can i scale a slider image up to double size only on smartphone view. are there settings for this?
Greetings, Alexander
Great, thanks a lot!
In case I want to use this everywhere, Can I just add it to quick css like this?
#main .container_wrap_first:first-child .content { padding-top: 0; }
.avia-builder-el-4 .content { padding-bottom: 0; }
Hi Haiko,
Thank you for the access. We’ll really have to use with CSS to override the automatic paddings. We can do this within the visual interface so that it only affects the page we’re working on. :)
If you check now, you’ll see that I’ve added a Code Block that contains this:
<style>#main .container_wrap_first:first-child .content { padding-top: 0; }
.avia-builder-el-4 .content { padding-bottom: 0; }
</style>
With this, you can control the paddings and not worry about the other pages. You can change the values of the padding to fit your preference.
Let us know if you need further help!
Best regards,
Sarah
Hey dith_solanki,
Please refer to the following post for the solution that has worked for others with this same issue.
https://kriesi.at/support/topic/woocommerce-3-0-03-0-1-and-the-images-issue/
Best regards,
Jordan Shannon
Hi,
I added the following to quick css:
#top .avia-logo-element-container a.slide-image {
background: transparent!important;
}
Please clear your cache and test again.
Best regards,
Jordan Shannon
Hello,
on some laptops and tablets (1920 x 1080) a white stripe appears under the main menu.
div#header_main { margin-bottom: -1px !important; }
doesn’t help.
Hi,
Which page are the logo elements on? Please try adding the following to quick css?
#top .avia-logo-element-container .slide-image {
background: transparent!important;
}
Let me know if this works, if not please let me know the exact page the logo/partner element is on.
Best regards,
Jordan Shannon
Hey WordPressed,Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .gform_wrapper input[type="submit"] {
color: #fff;
border: 3px solid #fff;
background: transparent;
padding: 15px 30px 13px;
font-size: 13px;
min-width: 139px;
border-radius: 3px;
}
Best regards,
Yigit
Hi,
Thanks for the feedback, glad you found a solution. Please let us know if you should need any further help on the topic.
Best regards,
Rikard