Hi again Ismael,
This doesn’t seem to be working when I add more than one picture,
I’ll make custom css class such as these:
mainpage-imageone
mainpage-imagetwo
mainpage-imagethree
Then I will assign the three images these in the quick CSS:
.avia_image.mainpage-imageone {
position: absolute;
left: -50px;
top: -100px;
}
.avia_image.mainpage-imagetwo {
position: absolute;
left: -50px;
top: -100px;
}
.avia_image.mainpage-imagethree {
position: absolute;
left: -50px;
top: -100px;
}
The first image functions and displays. The second and third images don’t display at all, I even tried chaning the name of the Custom CSS Class.
Hi comitzuu,
There have been hundreds of suggestions and feature requests for the theme and as always we never guarantee that any suggestion or feature request will be included or when.
1) This is somewhat difficult and needs to be done custom for the specific image/link depending on how you are adding it in. If you can link to the page we can try and assist as best we can.
2) The prettyPhoto close button is in the top right.
3) I’m not sure what you mean. The theme has support directly for video using the Video element/shortcode in the advanced layout editor and with the lightbox plugin (prettyphoto) but as of right now there is nothing else in place.
Videos on your frontpage are controlled by you and how you add them to your layout.
Regards,
Devin
Hi,
You can dislay images in Lightbox but it is not possible to have the effect in Replete. You can request it in here https://kriesi.at/support/topic/enfold-feature-requests or you can hire a freelance developer.
Regards,
Yigit
Hi,
You can use the Color Section even with a sidebar but it will always go full width. It is advisable to place it at the very top or very bottom of pages with sidebar.
You can also try this:
1.) Insert the Color Section then insert a 3/4 and 1/4 column below.
2.) Insert a Sidebar element on the 1/4 column and the content on the 3/4 Column. Create a custom widget or sidebar on Appearance > Widgets.
3.) You can repeat the steps 1 and 2 if you want to another Color Section and Content + Sidebar below.
Regards,
Ismael
Hi Guys,
I know you already discussed the issues with the accordian slider with the recnet WP update. I wanted to confirm that this might be fixed in the next update, as the thread here the member said his was working, so there was some confusion?:
https://kriesi.at/support/topic/accordion-since-enfold-21-update-accordion-initial-open-item-is-not-working
Thankyou
Gary
Hey,
You can add a unique selector for each Avia Elements. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
add_theme_support('avia_template_builder_custom_css');
Edit any avia elements like the Image element then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-image.
You can add something like this on your custom.css or Quick CSS to move the image around.
.avia_image.awesome-image {
position: absolute;
left: -50px;
top: -100px;
}
Regards,
Ismael
Hi,
Please try adding following code to Quick CSS
#advanced_menu_toggle { margin-top: 13px; }
Regards,
Yigit
Hi,
Please add following code to Quick CSS in Enfold theme options under Styling
#top .title_container .container { display: none; }
Regards,
Yigit
Hi,
You can use AddThis plugin. You can take a look at Ismael’s instructions here https://kriesi.at/support/topic/placing-addthis-social-icons-into-the-header
Regards,
Yigit
okay thank you, the problem solved :)
Hey,
1.) You can add this on your custom.css or Quick CSS:
.avia-logo-element-container.avia-logo-slider.avia-content-slider.avia-smallarrow-slider.avia-content-slider-active.avia-content-slider1.avia-content-slider-odd.avia-builder-el-2.avia-builder-el-no-sibling .new-special-heading {
display: none !important;
}
2.) To remove the border or box shadow, use this:
#top .avia-logo-element-container img {
box-shadow: none;
}
Regards,
Ismael
Hi,
You can add this on your custom.css or Quick CSS:
.ls-wp-fullwidth-helper {
height: 136px !important;
}
.ls-wp-fullwidth-container {
height: 136px !important;
}
#top .ls-wp-container {
margin: 0px auto !important;
}
Regards,
Ismael
Hi,
I visited the site but there is nothing there. http://www.180staging1.com/
Regards,
Ismael
I cannot add a new slider. Whenever I add a new slider under the Layer Slider WP, the page stops loading after trying to save the settings for the new slider. It just simply stays at “Please do not navigate away from this page while LayerSlider WP saving your layers!”
Help much appreciated! thanks!
Hi,
Can you try the same code with !important
body#top.page-id-2627.content { padding-top: 30px!important; }
.page-id-2627 div.avia_textblock {margin-left: -30px!important;}
Regards,
Yigit
Hi Sebastian,
Please add following code to Quick CSS in Enfold theme options under Styling
#top .header_color a:hover .avia-bullet { border-color: white!important; }
.header_color .avia-bullet { border-color: blue; }
Regards,
Yigit
In reaction of an earlier post that is closed: https://kriesi.at/support/topic/parallax-images-are-not-scaling-on-iphone?replies=3&message=update-support-forums-topic-status-error
This was the issue:
On the one page portfolio homepage, the parallax images are not scaling on iphone (http://kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/).
When i scroll down with my iphone to the image of the kitchen i will see the following: http://web-flight.nl/enfold-bug.png
I have the same problem with: http://www.digified.co
It should be fixed in the latest release. But the problem still exists in your on demo: http://kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/ when i look at it on my iPhone.
Is your own demo not updated or is it not fixed yet? I made some changes in the template so i don’t want to update the theme whitout knowing it solves the issue
Hi:
I’ve added a layerslider to the top of all of my internal pages on my site.
Issue is that there is a white gap that appears between the top grey keyline and the image.
can you please provide code to fix?
Have a look at:
http://www.180staging4.com/our-volunteers/
pop up login info:
user: general
Password: test1
Thanks so much!
-Lisa
Hi:
I’ve used the instruction from previous posts to have the logo site centred of page at top, and navigation sit below it.
I understand from previous posts that the menu cant be centred. Fine.
BUT i would love to know how to include the navigation within the semi-transparent area that the logo appears in.
You can have a look at my site at:
http://www.180staging1.com
– there is a pop up login.
user: general
password: test1
I’m hoping correcting that will also fix the SMALL FIXED HEADER ISSUE where the navigation sits below the semi-transparent bar instead of in it.
Thanks!
-Courtois
Hi,
Please add the following code to the Quick CSS section or to the custom.css file:
#menu-item-search{ display: none !important; }
.grid-image.avia-hover-fx{ pointer-events: none; }
That will remove search from menu and the link from the portfolio items.
Regarding changing the name of the portfolio, please check this topic.
Regards,
Josue
Hi,
I tested this on my end. Added this code on a Div / Video field.
<iframe src="http://player.vimeo.com/video/39412670?title=0&byline=0&portrait=0&color=c3512f&autoplay=0">
The vimeo video doesn’t auto play when the slide loads. Please update to Enfold 2.1.
Regards,
Ismael
Hi,
I tested this code locally and it does the job:
.boxed#top{
-moz-box-shadow: 0 0 15px #111;
-webkit-box-shadow: 0 0 15px #111;
box-shadow: 0 0 15px #111;
}
Regards,
Josue
Hello,
It is possible to stack columns. I am sure I read somewhere it was but I cannot achieve this with the avia page builder. Basically I am trying to build a page layout which will allow me to add a top and bottom slider full width with a sidebar. The only way I can do this is to split the page into 3/4 and 1/4 and add a menu widget to the 1/4. However, the page also has content split into 2 columns, so, I need to add the 2 columns into the 3/4 column as advised above – but, avia will not allow me to add a column on top of another columns (nested).
Thanks
Andrew
Hi,
Please add following code to Quick CSS in Enfold theme options under Styling
#header_main { padding-bottom: 34px!important; }
#main { padding-top: 123px!important; }
strong.logo { height: 100px!important; }
span.avia-menu-fx { display: none!important; }
Regards,
Yigit