Hi,
ist es möglich die Buttons des Warenkorbes in der Sidebar nebeneinander zu setzen? Ich hab schon die CSS aus diesem Threat verwendet #247866
#top div .widget_shopping_cart .button {
width: 51%;
float: left;
margin-bottom: 10px;
}
allerdings sind anschließend die Buttons untereinander. Ich hätte sie gern nebeneinander ;-)
Vielen Dank für die Hilfe.
Hi, yes these videos in my browser work well.
i create a page with the video only (i suppose that the problem became from other element in the page):
http://www.archivagroup.it/1226-2/
But the problem remain in safari.
Best regards
Hi i want to change the font color of the fields in the contact form.
#top .main_color input[type='text'] { color: white; }
I found this code which changed some fields but not the “message” field which is i think multi-row text field and the “choose from”.
Thanks in advance!
I would like to change the opacity of the “add to cart” and “details” buttons beneath the products on the archive page, plus a few other changes such as border thickness around the product, and even a top header change with some shadows. I’ve applied this to the Quick CSS but have not seen any changes. I found the CSS properties through Firebug in Firefox. Is there something else I should put in Quick CSS or does this kind of change not work there? If so, where do I place this so the CSS is updated. Thanks! Gary
.inner_product {
border-radius: 8px;
border-style: solid;
border-width: 3px;
overflow: hidden;
}
.post_delimiter {
border-color: #DEDEDE;
}
.avia_cart_buttons {
border-top-style: solid;
border-top-width: 1px;
opacity: 0.8;
overflow: hidden;
padding: 10px;
transition: all 0.3s ease-in-out 0s;
}
#header_main_alternate {
border-bottom-style: solid;
border-bottom-width: 5px;
border-top: medium none;
z-index: 2;
}
.header_color .portfolio-preview-content .avia-arrow {
background: none repeat scroll 0 0 #F1F1F1;
}
#header_meta {
border-top: medium none;
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2) inset;
min-height: 30px;
z-index: 10;
}
Hi there,
I have tried to for the past 3 hours to set a picture to display full height and width as the background in a color section but it simply will not display it that way. It constantly chops off a good bit of the bottom of the picture, no matter what size I make the picture, or what aspect ratio.
Here are the settings I have set for the picture:
Background Attachment: Parallax
Background Repeat: Stretch to fit
Section Minimum Height: At least 100% of Browser Window height
Section Padding: Default Padding
Section Top Shadow: Do not display shadow
All I want is for the picture to stretch to fit the width of the window, as well as the height of the window. The behaviour is all over the map…. Please help…. I am so frustrated.
Regards,
sr123
This reply has been marked as private.
Ismael,
Thank you for the quick reply. I will give this a try.
Richard
Hey!
Thank you for the update.
Please add this at the very bottom of Quick CSS or custom.css to alternate the color and background:
#top #wrap_all .av-social-link-rss a{color:#fff; background-color:#ffa133; }
#top #wrap_all .av-social-link-facebook a{color:#fff; background-color:#37589b; }
#top #wrap_all .av-social-link-twitter a{color:#fff; background-color:#46d4fe; }
#top #wrap_all .av-social-link-mail a{color:#fff; background-color:#9fae37; }
#top #wrap_all .av-social-link-dribbble a{color:#fff; background-color:#e44885; }
#top #wrap_all .av-social-link-linkedin a{color:#fff; background-color:#419cca; }
#top #wrap_all .av-social-link-search a{color:#fff; background-color:#222222; }
#top #wrap_all .av-social-link-gplus a{color:#fff; background-color:#de5a49; }
#top #wrap_all .av-social-link-behance a{color:#fff; background-color:#008cfa; }
#top #wrap_all .av-social-link-flickr a{color:#fff; background-color:#ff0086; }
#top #wrap_all .av-social-link-forrst a{color:#fff; background-color:#234317; }
#top #wrap_all .av-social-link-myspace a{color:#fff; background-color:#000000; }
#top #wrap_all .av-social-link-tumblr a{color:#fff; background-color:#345574; }
#top #wrap_all .av-social-link-vimeo a{color:#fff; background-color:#31baff; }
#top #wrap_all .av-social-link-youtube a{color:#fff; background-color:#a72b1d; }
#top #wrap_all .av-social-link-pinterest a{color:#fff; background-color:#cb2027; }
#top #wrap_all .av-social-link-skype a{color:#fff; background-color:#12a5f4; }
#top #wrap_all .av-social-link-instagram a{color:#fff; background-color:#a67658; }
#top #wrap_all .av-social-link-five_100_px a{color:#fff; background-color:#222222; }
#top #wrap_all .av-social-link-soundcloud a{color:#fff; background-color:#F76700; }
#top #wrap_all .av-social-link-xing a{color:#fff; background-color:#006567; }
#top #wrap_all .av-social-link-vk a{color:#fff; background-color:#597BA5; }
#top #wrap_all .av-social-link-reddit a{color:#fff; background-color:#FF4500; }
#top #wrap_all .social_bookmarks li:hover a { background-color: transparent; color: #fff; }
Best regards,
Ismael
Dear Kriesi.at Support Team,
I’m trying to display a video on our website and I can’t seem to figure out the code to include so that it will display on in all browsers and on all devices. With the Fullwidth EasySlider (on http://www.got2bmoving.com/intro) I can see the video in windows (Chrome, Firefox, Internet Explorer) but it doesn’t load on my iPad and iPhone.
I read that the mediaelemnts.js is not in the plugin but is part of the WordPress core but I wasn’t sure what the correct syntax was using the wordpress core option. The code I currently have included below “Here is a video with “[video mp4 ..... ]” syntax (from mediaelements.js) notes:”(on http://www.got2bmoving.com/test) is:
[video mp4="http://www.got2bmoving.com/files/videos/skyTran_Congestion-InfoGraph-Video-002.mp4" ogg="http://www.got2bmoving.com/files/videos/skyTran_Congestion-InfoGraph-Video-002.ogg" webm="http://www.got2bmoving.com/files/videos/skyTran_Congestion-InfoGraph-Video-002.webm" poster="http://www.got2bmoving.com/files/videos/skyTran_Congestion-InfoGraph.jpg" preload="true" autoplay="true" width="640" height="264"]
On “www.got2bmoving.com/test” I can’t see any of the videos when I view this page on my iPhone. I have included
1) Advanced LayerSlider
2) Video element in the Advanced Editor
3) mediaelements.js “[video ... ]” code
I have read as many of the forum posts as I could find about displaying videos on all browsers and devices, but I still can’t seem to figure it out. I would like to display a video the way it looks on “www.got2bmoving.com/intro” on all browers and devices. I’d appreciate any suggestions that you have.
Thanks very much.
Hey richardruddle!
Thank you for using the theme!
You can add this on Quick CSS or custom.css to adjust the top margin of the icon box:
#top .iconbox_top {
margin-top: 50px;
}
It is possible to add a unique css selector for any avia elements. You need to enable the custom_css support. Edit functions.php, find this code on line 16:
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:
.avia_image.awesome-image {
width: 210px;
}
Regards,
Ismael
Hey!
Thank you for the link.
Please add this on Quick CSS or custom.css:
@media only screen and (max-width: 767px) {
.responsive.html_header_top.html_logo_center .logo {
position: absolute;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%,, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
}
.av_header_transparency #advanced_menu_toggle {
top: 50px;
}
}
I hope that helps.
Regards,
Ismael
Hi thanks, the slideshow is now more to the top of the screen which is fine, however the space between the slideshow and promo box is the same. I need to close the space between the slideshow and the promo box as well as the promo and the icon list. I reduced the pixels thinking that would work but it didn’t. I reduced them to 5, -10 and -40 and stayed the same. Let me know if you need my log in details to check the CSS, cheers Kinnear.
http://test.uych.vic.edu.au/?page_id=3196
Hi!
WordPress normally strips any parameters from video URLs, however i found this plugin:
http://wordpress.org/plugins/hide-youtube-related-videos/
Best regards,
Josue
This reply has been marked as private.
Ok, reply back to this topic when you are done, don’t forget to put the login details as a private reply.
Best regards,
Josue
Hey!
The code you’d need should be like this one:
function after_head_image_func(){
if(is_singular()){
echo do_shortcode("[av_fullscreen size='extra_large' animation='slide' autoplay='false' interval='5'][av_fullscreen_slide id='2626'][/av_fullscreen]");
}
}
add_action('ava_after_main_container', 'after_head_image_func');
You’d need to change the av_fullscreen shortcode by the one of yours, to see the generated shortcodes in a Page refer to this article:
http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Best regards,
Josue
Thanks for your suggestions Ismael … of the points above I think I can manage No 8, 9 and 10 :). The others are all a little beyond my technical knowledge.
All the images that were uploaded were jpgs, no larger than 800 pixels and they show fine on my computer, but for some reason when they are displayed as “Flexible Masonry” layout they do not show up properly on my client’s laptop, although when I change the setting to “Perfect Grid”, they display ok for her.
Hello Support,
I am attempting to add padding on columns that are split; either 1/2 and 1/2 or 1/3 and 2/3.
You can see that they are almost on top of each other and need some margin/padding between them. However, I haven’t been successfully in getting it done – and would like to do it without “ruining” the responsive aspects of the site.
Here are two great pages that show the issue:
http://www.org-consult.com/development/our-solutions/
http://www.org-consult.com/development/our-solutions/syspro/
Can you help me here?
Thank you,
Greg
On the http://kriesi.at/themes/enfold/homepage/home-v9-videos-and-parallax/ layout, scroll down and where the photo with the text “A Beautiful Experience” is, there are some really nice icons which have a nice hover effect when you place your cursor over them.
I really like these but do NOT want them to be a link to go anywhere – we’d just like them to have that nice hover effect but not link.
Please can someone tell me how we do this – we tried making it link to itself but it scrolls to the top of the page and of course we don’t want that.
Here is our test area;
http://www.3dvisuals.co.uk/newsite/homepage/3d-visuals-still-images/ (scroll down and you’ll see a photo of a field with flowers.
Many thanks,
Jez EMIN
http://www.3dvisuals.co.uk/newsite/ (under development)
This reply has been marked as private.
This reply has been marked as private.
Well I want it stay a certain size when in desktop mode, so I used:
@media only screen and (max-width: 990px) {
.responsive .logo a, .responsive .logo img {
max-width: 150px;
height: auto !important; }
}
But since the weird jump is only in Safari for a moment, I probably won’t worry about it.
Hi!
Please remove the custom CSS code i posted and add following
#bbp-single-user-details #bbp-user-navigation li { width: auto; }
#bbp-single-user-details { height: 54px; padding-top: 10px; }
It should look like this https://kriesi.at/support/profile/hamzahmauzam/
Cheers!
Yigit
Hi,
Can you post a link to your website please?
Regards,
Josue
Thank you, Kriesi and Dude, I will try this, but I can’t download the theme anymore from Themeforest because of reaching a “download limit”, don’t know what it is. I have created here a new forum post:
https://kriesi.at/support/topic/urgent-themeforest-download-not-available-item-reached-download-limit/
Any idea?
Hey medienvirus!
Yes, multilingual press is compatible with Enfold: https://kriesi.at/support/topic/multilingual-press-pro-enfold-multisite/ – the only limitation is that you must switch to the other blog when you want to translate a “Advanced Layout Template” page but this doesn’t slow down the workflow.
Regards,
Peter
Hi danieltjohnston!
Please refer to Peter’s post here – https://kriesi.at/support/topic/archive-pages/#post-256751
Best regards,
Yigit
Hey all, I am having the same issue.
Once I updated to WordPress 3.9 the Avia Layout builder stopped working. Pretty darn frustrating.
I have NO plugins activated and my site only has 8 pages to it. It was definitely the wordpress update that did it.
Anybody have any suggestions??