tnx for that nifty trick .. didnt know that this section is on web page :D
but what i need more is photos to be from bottom to top withing that grid row :)
check pic again to see what i mean :)
Hi,
Last time i commented out the below code
/*.av_minimal_header #header_main .container {
height: 0px!important;
}
*/
But it does not appear to be an issue. To find out which code is causing the problem please remove all the css from child theme and add it back one block at a time this should help you identify the problematic code.
Ok i figured it out please see the commented code and the new code added below.
/* #top .logo { left: 200px; top:200px;} */
#top .logo {
left: -53px;
top: 171px;
}
Go ahead and replace the background image with the logo :)
Best regards,
Vinay
-
This reply was modified 9 years, 8 months ago by
Vinay.
Hey Taryn,
Please refer to this post – https://kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650161
Best regards,
Yigit
Hi,
Please use the code in an if statement.
function custom_func(){
?>
<script>
jQuery(document).ready(function(){
if (jQuery(window).width() < 767) { // if width is less than 767px
MobileFunctions(); // execute mobile function
}
else { // if width is more than 767px
DesktopFunctions(); // execute desktop function
}
});
</script>
<?php
}
add_action('wp_head', 'custom_func');
Best regards,
Vinay
-
This reply was modified 9 years, 8 months ago by
Vinay.
I noticed 2 CSS errors that should be fixed in config-woocommerce/woocommerce-mod.css. I understand that a lot of the errors are browser specific CSS (IE hacks) and will never be valid, but these 2 errors are syntax errors that should be fixed.
1. Line 150 #top #payment div.payment_box #888888 is not a box-shadow value : inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888
– box-shadow doesn’t accept 2 color declarations. This should be 2 separate box-shadow properties. The 1st would be your backup for any browser that doesn’t understand rgba.
box-shadow:inset 0 1px 1px #888888;
box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.5);
2. Line 1672 .quantity input Value Error : border-style Too many values or values are not recognized : 1px
– border-style needs a keyword like solid, or dotted.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.responsive #top .logo img {
margin: auto;
}
.responsive #top .logo {
width: 100%!important;
}
Best regards,
Yigit
https://wordpress.org/support/topic/http-error-when-uploading-images-17
I used the top suggestion and it worked for me.
add_filter( 'wp_image_editors', 'change_graphic_lib' );
function change_graphic_lib($array) {
return array( 'WP_Image_Editor_GD', 'WP_Image_Editor_Imagick' );
}
i need a link-element UNDER the slider like doku:
[ av_layerslider id=’1′]
<h2>test thumbnail navigation slider</h2>
<hr>
need help by Links:<br>
<div class=”ls-layer” style=”slidedirection: top; slidedelay: 6000″>
<!–background sublayer–>
<!–other sublayers–>
// linking the whole layer
// PLEASE HELP
<!–a href=”yoururl”>IMAGE</a–>
</div>
can you give me the working code for the actually slider
Thank you
-
This reply was modified 9 years, 8 months ago by
AUBII_GmbH.
-
This reply was modified 2 months ago by
Yigit.
-
This reply was modified 2 months ago by
Yigit.
thanks
any update on this?
I saw another one of your team answered it but is that the correct thing to do?
Hi
I followed the instruction to add the code snippet that for using a using a layout with the menu below the header area. I added the CSS code as well. I added the widget as custom text using 60px. It looks goods but it’s not responsive when I scroll down or on smaller monitors. It wraps and writes on top of my menu options. It is possible to make it responsive to the text skrinks to fit in the header area?
Here’s a snapshot of what happens:
https://www.dropbox.com/s/1zo10jvoivz65p6/header%20text%20issue.jpg?dl=0
Thanks
Lyse
Hi AUBII_GmbH!
Do you still need an older version or is this one related to this thread – https://kriesi.at/support/topic/enfold-theme-in-lates-version-text-editor-bug/#post-650893? :)
Regards,
Yigit
Hello;
We are using the construction demo data and have a question regarding the sidebar menu listed under services. When you select services from the top menu it opens a left sidebar menu. How do we change the colors for hover and selected for the sub-menu to match the main top menu? Also, the top menu does not stay actively selected once the sidebar is open.
The development site is: http://035.acc.myftpupload.com/
Select Service and any sidebar item. We would like “Service” to remain highlighted and have the sidebar menu be the same green when active. Thank you.
Hey navindesigns,
1 & 2- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.main_color a:hover {
color: orange;
}
.main_color a {
color: inherit;
}
#top .av_inherit_color a {
text-decoration: none;
}
Best regards,
Yigit
Hi Ismael,
I was already using this code and it seems to override the second part code snippet.
#top .widget_nav_menu ul ul .sub-menu li {
padding-left: 5px!important;
}
I will not try to get the lines to adjust left as it seems to be inconsistent with itself.
Thank you for all of your help and patience.
Lyse
HI Josue,
After I posted this I remembered that you guys like us to create our own support threads and not tag on to others, so I created one here with admin credentials:
https://kriesi.at/support/topic/mailchimp-integration-is-not-working-lets-fix-this/#post-650713
I am happy to provide my resources and time to help solve this problem / bug.
Thanks!
Hi again,
Just to say that I’ve found a solution, not an elegant one but it’s working :)
I’ve just put my html code into the “description” area and check “Use the description to create a Text Block.”.
If you don’t have other solution more “elegant” please consider that the topic can be close.
Thanks a lot, cheers,
Blue_bear
Hi,
@shreinmedia Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
position: absolute!important;
background: transparent;
}}
Best regards,
Yigit
Great, but how do you make it so the box and the content shift to a different color on hover. As I mentioned, I got the icon to do it using this code:
#top .iconbox:hover .iconbox_icon {
background: #FF8133 !important;
border: 4px solid #FF8133;
}
But I can’t find the right code to make the outlined box and text shift.
Thanks.
Hi Ismael,
thanks for your advice. I tried the css.
It works, but not in the way I want.
My aim is that the Slider has max-height:630px, the width can be larger than 1500px.
But if the width is larger than 1500px the picture shall be cut at the top not at the bottom..
Is this possible?
Best regards
ridcon
Hi,
Please refer to this post – https://kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650161
Best regards,
Yigit
Hey sgkeil,
You could try limiting the width of the rotator:
#top span.av-rotator-text {
max-width: 500px;
display: block;
margin: 0 auto;
}
Best regards,
Josue
Hey!
Try adding this code to the Quick CSS:
.pagination_split_post:before {content: "Pages";margin-right: 15px;float: left;}
.pagination_split_post > span, .pagination_split_post a {display:block;float:left;font-size:11px;line-height:13px;padding:2px 9px 1px 9px;text-decoration:none;width:auto;}
#top .pagination_split_post .current, #top .pagination_split_post a, #top .pagination_split_post > span, #top .fullsize .template-blog .pagination_split_post a{
float: left;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
padding: 0;
border-radius: 100px;
margin-right: 3px;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.pagination_split_post .current{
font-size:11px;
padding:1px 9px 1px 9px;
font-weight: bold;
}
Cheers!
Josue
Hey,
1. Enable custom classes for ALB elements.
2. Create a new Text Block after the Image element and fill it with the contents of the two Text Blocks.
3. Set a class of only-desktop to the two columns preceeding the image.
4. Set a class of only-mobile to the new Text Block you created in 2.
5. Add this to Quick CSS:
@media only screen and (min-width: 767px) {
.only-mobile {
display: none; }
.only-desktop {
display: block; } }
.only-mobile {
display: block; }
.only-desktop {
display: none; }
Best regards,
Josue
Hi,
Open js/shortcodes.js and look for:
big_prev.stop().animate({opacity:0}, function()
{
$next.insertAfter(oldImg);
oldImg.remove();
big_prev.animate({opacity:1});
big_prev.attr('title',$(_self).attr('title'));
});
Replace it by this:
big_prev.stop().animate({opacity:1}, function()
{
$next.insertAfter(oldImg);
oldImg.remove();
big_prev.animate({opacity:1});
big_prev.attr('title',$(_self).attr('title'));
});
Regards,
Josue
Hi,
Are you using the sorting functionality in your Portfolio page? doing something like this could work:
https://kriesi.at/support/topic/create-a-link-to-an-open-gallery/#post-427405
Best regards,
Josue
Hi,
To make changes to only single post pages Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top.single-post .post-entry {
max-width: 800px !important;
left:50%;
transform:translate(-50%);
}
Best regards,
Vinay
-
This reply was modified 9 years, 8 months ago by
Vinay.