Hey!
Try adding this code to the Quick CSS:
.slideshow_align_caption {
vertical-align: top;
}
Cheers!
Josue
hi this seem to change the colour of the element but all of its child elements to. I would have thought > would stop that happening
Please can you try logging in and take a look
Hi!
We are working on your ticket please wait while we update the results here soon.
We have enabled custom class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Added a custom class called ‘.align-top’ to the slider in advance layout builder and the below css in Quick CSS
Please check the site now!
/*Add your own styles here:*/
.align-top .avia-caption-title, .align-top .avia-caption {
padding-top: 0 !important;
}
#top .avia-caption {
padding: 0 !important;
position: relative;
}
.avia-slide-wrap img {
margin-top: -4em!important;
}
@media only screen and (max-width: 768px) {
.avia-slide-wrap img {
margin-top: -2em!important;
}
}
Cheers!
Vinay Kashyap
-
This reply was modified 10 years, 2 months ago by
Vinay.
Hi ruffidea!
Thank you for using Enfold.
This is usually an issue with the hosting provider’s mail server so you have to ask them about any limitations, configurations etc. You can also follow the instructions provided here: http://kriesi.at/documentation/enfold/my-contact-form-is-not-sending-emails/
Related thread: https://kriesi.at/support/topic/contact-form-fails-to-send-or-store-the-submissions/
Best regards,
Ismael
Hey Workimage!
Thank you for using Enfold.
Do you see any errors? What does it say? It’s possible to upload the demo data manually. Please follow the instructions here: https://kriesi.at/support/topic/demo-content-will-not-import-despite-fresh-install/#post-462319
Cheers!
Ismael
Hey!
Sorry for the delay.
We are working on your ticket please wait while we update the results here soon.
To move the caption below the images please add the below code to Enfold > General Styling > Quick CSS
Please find the selectors also in the below code.
/*Caption below image gallery*/
.avia-slideshow-inner, .avia-slideshow{overflow: visible!important;}
.avia-caption {
bottom: auto!important;
top:100%!important;
left:0!important;
padding:0!important
}
Cheers!
Vinay Kashyap
-
This reply was modified 10 years, 2 months ago by
Vinay.
1. Uploaded a Custom Logo for preloader. Is it possible to replace it instead of being on top of it?
2. Cannot find an option to make the button round instead of square.
Hey!
Thank you for using Enfold.
We are not sure what’s causing it but it seems to be an issue with the plugin query. The author provided a possible fix in the following link but it’s not working on my installation: https://wordpress.org/support/topic/relevanssi-conflict-with-post-archive-pages-under-wp4?replies=16#post-6069671
We’ll ask Kriesi to look into this but it might take a while before he can respond. You can try this plugin instead: http://kriesi.at/documentation/enfold/use-searchwp-instead-of-the-standard-search/
UPDATE: Try the solution provided here: https://kriesi.at/support/topic/posts-not-displaying-on-tags-page/#post-452804
Regards,
Ismael
Hi Pas7o!
Thank you for using Enfold.
Instead of using the video element, embed the video manually on a text or code block. Example here:
https://kriesi.at/support/topic/youtube-controlling-length-of-video-clip-played/#post-448886
Add the autoplay=1 parameter.
Regards,
Ismael
Hi!
The current layout of the layer slider is not going to work well on mobile devices or on smaller screens. I think its better if you hide the layer slider on mobile view and then add another full screen slider. Toggle the slider display by using css media queries. Example here: https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263
Best regards,
Ismael
Tnx hamzakhankhan but i have many blog-last news pages, white diferent topics,and ai want to replace the blog-lastnews white the name of the post
Hi there,
I’m thoroughly confused by where to set all the font colors for the main menu in the header area.
The main menu has a different background depending on where you are on the page. Therefore, I want to set:
– the active, hover and inactive options for the menu when the page is first loaded (light font on dark background) (e.g. font color active = yellow, hover = yellow, inactive = white)
– the default, hover and selected options for the menu when you scroll down the page (dark font on light background) (e.g. font color active = yellow, hover = yellow, inactive = black)
– … and the same again for the secondary menu once I’ve figured out how to do the main menu.
I have tried making modifications in Theme Options > General Styling > Logo area, but it is not clear which refers to the Main Menu.
– if I change Logo Area font color, nothing changes.
– if I change Logo Area secondary font changes, it changes the color of the inactive menu items, but not in a satisfactory way because it changes all instances, on scroll and at top of the page, so one of the two is always hard to read.
Are you able to make this clearer?
Hi,
Ok, so I guess you fixed it partially at least. Please let us know if you should need any more help on the topic.
Regards,
Rikard
Hey Gudi,
You might have to create a new section to only show on mobile and upload an image better adapted to mobile devices to it. You can give your sections unique ID, for instance section-desktop and section-mobile, you can then use the following CSS to show hide them for the correct screen size:
@media only screen and (max-width: 767px) {
#section-desktop {
display:none !important;
}
}
@media only screen and (min-width: 768px) {
#section-mobile {
display:none !important;
}
}
Regards,
Rikard
Hi,
I tagged Yigit for the topic, please wait for his reply.
Regards,
Rikard
Hi,
Great, thanks for sharing. Please let us know if you should need any more help on the topic.
Thanks,
Rikard
Hi,
Please try the following instead:
.main_color .iconbox_top a.iconbox_icon:hover {
background-color: white !important;
color: #81d742 !important;
}
Regards,
Rikard
Hi,
Great, please let us know if you should need any more help on the topic.
Thanks,
Rikard
Hi,
Great, not sure why you had that problem though. Please let us know if you should need any more help on the topic.
Regards,
Rikard
Sure.
I ended up using an alternate mobile logo to work around the sizing issue. But still struggling with hiding the menu arrows.
.avia-menu-fx .avia-arrow-wrap, .avia-menu-fx, .avia-arrow {display: none !important;}
/* RESPONSIVE */
@media only screen and (max-width: 767px) {
.responsive #top .logo {padding: 10px 0px 0px 0px;}
.content, .sidebar {padding-top: 20px;}
.logo img {opacity: 0;}
.logo a { background-image: url("mobile-logo.png"); background-size: contain; background-repeat: no-repeat; background-position: 0px 50%; }
}
Hi guys,
I love Enfold and I’m wondering if it is possible to create this type of blog and if so, how? I’d like to have the featured image take this large image at top, just like the one below, without creating a slider every time. What would be the easiest and most efficient way to do this? Create a template and overlay it with text? And add that template every time? Talk to me like a child and tell me your thoughts.
https://iso.500px.com/5-tips-for-your-first-photo-shoot-with-a-dancer/
Thanks,
Jas
It seems this thread was recently closed despite no solution being offerd: https://kriesi.at/support/topic/seo-yoast-unable-to-see-avia-layout-builder-body-content/
I am an agency that frequently uses Yoast for the many benefits it offers our non-tech savvy clients in editing posts and pages with the Avia Layout Builder. It appears that Enfold is not fully compatible with Yoast, as the Yoast plugin is unable to pick up text on posts or pages created in the Avia Layout Builder. This is frustrating as clients expect to see the green light as they are posting, ensuring they are writing well.
This is a strange issue and given the level of complaints in the Enfold support forums dating back to 2014 I am surprised to see the Kriesi team not addressing this properly. As far as theme developers Kriesi is usually way ahead of the curve and super responsive to issues with third party plugins like Yoast who carry a following of 1+ Million installs.
Curious as to when and where there will be a fix for this.
That worked thanks!
A few other things:
– How can I hide the separator between the secondary menu items?
– How can I hide the secondary menu for mobile screens?
– How can I add some padding to the top of the secondary menu?
I tried the following and got no luck:
#top .av_header_transparency #header_meta {
border-bottom: none !important;
padding-top: 10px;
}
I also recently lost the menu hover border line that’s used on the enfold demo.
http://kriesi.at/themes/enfold/
Not sure what I did, I think when I started playing with the transparency header settings it sent away somewhere.
Any suggestions on how to fix?
Thanks,
Hi!
To change the slider speed in the example link please add the below code to Enfold > General Styling > Quick CSS
Feel free to change the 0.3s to 2s for 2 seconds or any number you like.
#top .aviaccordion.av-animation-active .aviaccordion-slide, #top .aviaccordion-title-on-hover .aviaccordion-preview {
-webkit-transition: all 0.3s cubic-bezier(0.230, 1.000, 0.320, 1.000);
transition: all 0.3s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
Best regards,
Vinay Kashyap
-
This reply was modified 10 years, 2 months ago by
Vinay.
Hi there,
I’m having an issue with my Masonry filter. I have a primary category named PUBLICATIONS and several secondary categories under it, by topic. So it works like this:
– Publications
–Climate and Energy
–Endig Violence against women and girls
–Future Finance
–etc….
I did this so when I created a filtreable element it would only show the TOPIC (Climate and Energy, etc) but NOT the word “Publications”. If you go ti the link I sent you, at the bottom of the Page, the section Publications, you will see the Filter looks good, but when you click on LOAD MORE some filters called PUBLICATIONS appear, and I haven’t even selected those categories when creating the element.
Thanks in advanced
on https://kriesi.at/support/topic/svg-logo-not-aligning-left/
it is closed but i think this is an important notice to that thematic.
if you open a svg file with a good text editor (on Mac f.e. sublime text on PC notepad++) you can see on top of the svg something like this:
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 500 125.9" style="enable-background:new 0 0 500 125.9;" xml:space="preserve">
<style type="text/css"> …
a rule: preserveAspectRatio=”xMinYMin meet” i often inserted by myself just in front of the xml:space=”preserve”
This manages how the svg act in a responsive case.
three options you have Min, Mid, Max
if you choose xMinYMin the svg goes to the left side and top when shrinking.
xMidYMid means that the svg stayes in the center of his container etc pp.
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 500 125.9" style="enable-background:new 0 0 500 125.9;" preserveAspectRatio="xMinYMin meet" xml:space="preserve">
<style type="text/css"> …
-
This topic was modified 10 years, 2 months ago by
Guenni007.