Viewing 30 results - 93,961 through 93,990 (of 142,823 total)
  • Author
    Search Results
  • #650913
    tremblayly
    Participant

    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

    #650908

    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

    #650907
    dibooth
    Participant

    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.

    #650901

    In reply to: Change body link color

    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

    #650894

    In reply to: submenu in socket

    #650882

    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!

    #650878

    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

    #650877

    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

    #650865

    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

    #650851

    Hi,

    Please refer to this post – https://kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650161

    Best regards,
    Yigit

    #650829

    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

    #650825

    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 wacky32,

    Please refer to:

    Best regards,
    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

    #650807

    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

    #650801

    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

    #650790

    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, 9 months ago by Vinay.

    Hey Lucille,

    1. Hm, i don’t know if that’s possible to be honest, you may get a workaround using a plugin like this – https://wordpress.org/plugins/easy-custom-auto-excerpt/

    2. Add this to Quick CSS:

    #top.archive article.post-entry {
        margin-bottom: 150px;
    }

    3. Can you post a screenshot / mockup of what you want to achieve here?

    Best regards,
    Josue

    #650785

    In reply to: Woocommerce 2.6

    wir haben dies hier,
    kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650783
    auf unsrerer Seite ausprobiert, alles läuft super.

    #650776
    pbenewith
    Participant

    Hi there I have a load of weird styling issues since upgrading enfold to 3.6.1. There is the bottom styling arrow now at the very top of my homepage and most of my pages have lost their advanced editor layouts on thr live version even though when i go into the backend everyting appears to be fine. I have since used FTP to upload the new enfold version with the same results. The main pages are a huge concern as the backgound colour is a dark blue which is making the body copy impossible to read. The columns have gone and now it all appears jumbled.

    On mobile devices things get worse as the 5 column elemens now overlap and are illegible. This is the first time since I have done an update with enfold that i have had problems this bad. I need your help urgently as I have a website and graphic design business and this is my business and the face of it so anyone looking at it currently will wonder what i am all about!

    have a look at the homepage and then the hoardings page for example under the services dropdown for exaples of what i am reffering to. Also check the site on a mobile device to see the overlapping i mentioned.

    mihajcorp
    Participant

    Hi,

    I installed the “enfold hotel” demo of enfold on my website and have some problems:

    1.) the prices at the products are not shown. The only case the price will show up is when I used variation and put 2 variations with different prices.

    2.) I just wanted to show 1 price on the overview product page, not a range like “100-200”.. just “100” or “200”. What I have to do?

    3.) I installed an extension of woocommerce to display some additonal opptions. The error-message of this extension are not shown and the support of this extension product wrote: “Regarding the issue ‘not showing validation error messages in product page’, this is happening only for the products which is designed using the Advanced Layout Editor (Avia Layout Builder), for some reason some of the WooCommerce hooks are not working in this case. I have spend some time to find a solution to this issue, but seems this has to be fixed from Enfold side.”

    So, they said “but seems this has to be fixed from Enfold side”… what I should do to get this error messages work?

    4.) I resized the shop symbol (the floating one on the right side) with this code:

    a.cart_dropdown_link {
    font-size: 32px !important;
    }

    this worked fine! but when I try to change the position with this code here:

    a.cart_dropdown_link {
    top: 100px;
    position: relative;
    }

    just the icon will move but not the whole shop function (there is still a white-bordered box at the same place and when you scroll over this white-bordered box the shop content will shown immediately – but this should happen when you scroll over the shop-icon).

    best regards,
    Alex

    #650744
    Inspigate
    Participant

    I need you help with the behaviour of a LayerSlider at
    dev.schoenheitsop-ratgeber.de

    The picture in the slider has the dimensions 1400 * 630

    My slider options are:
    Slider width: 1400
    Slider height: 630
    Responsive mode: ON
    Max-width: not set
    Full-width: ON
    Responsive under: 1400
    Layers container: 1400

    On desktop screens everything is fine,
    On smaller screens the picture is responsively shrinking, but the height of the slider stays at 630 Px which causes a big white space on iPad or iPhone.

    What do I have to change that the slider is fully responsive so that there does not remain the whitespace on tablets and smartphones.

    • This topic was modified 9 years, 9 months ago by Inspigate.
    #650725

    In reply to: hashchange event

    Hello Ismael,

    … in this one-page-website
    we want show the secondary-menu (here position at the right side of the page)
    not during or viewing the first section,
    but AFTER scrolling to the hashtag #eft, “EFT” in the menu, the second section in this case
    and fade it out again after scrolling to #TOP respectively #Willkommen.

    But anyway it would be nice to have the possibility to animate
    any element after reaching some special hashtag.

    Thank you very much

    #650723

    Hi,

    To fix the instagram image overlay width on hover please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
    #top .av-instagram-item .image-overlay.overlay-type-image {
    	left: 0 !important;
    	width: 100% !important;
    }
    

    Best regards,
    Vinay

    #650716

    Hi Ismael,

    Yes, I am aware of that. That is not the problem. Please see my original message above. The logo resizes automatically, it was was just for test to see what it would look like.
    However, we need to have a larger sized logo so that it would be more visible. It will obviously not be 1041x902px but it does need to be slightly larger than the other one 185x67px. And because of it’s square shape and the fact that it needs to be larger that the other one 185x67px it would not fit in the current space. Can you please help with the 3 issues I mentioned in my original message:


    Hi,

    I would like to have a different logo and link on a single page. I added this code in functions.php which seems to work:

    add_filter(‘avf_logo’,’av_change_logo’);
    function av_change_logo($logo)
    {
    if(is_page(72344)) {
    $logo = “http://www.vuelio.com/uk/wp-content/uploads/2016/06/2016-Blog-Awards-Trophy-Design.png”;
    }
    return $logo;
    }

    add_filter(‘avf_logo_link’,’av_change_logo_link’);
    function av_change_logo_link($link)
    {
    if(is_page(72344)){
    $link = “http://www.vuelio.com/uk/blog-awards/”;
    }
    return $link;
    }

    However the logo on this specific page is larger than the logo on the rest of the site and square shaped so I would like to increase the height of the header containing the logo and the main menu (only on this page) while also keeping the main menu centered vertically within this new space.

    This square shaped logo also doesn’t look good when scrolling down with the sticky header active. Is it possible to deactivate the sticky header on this page alone?

    Finally, on the same one page, is it possible to deactivate the top bar containing the secondary menu?

    I hope you will be able to help with the 3 issues above.

    Thanks,
    Flavius

    #650700

    In reply to: Sale icon position

    Hi,
    Thank you for your answer.
    I unfortunately could not work this code. Now is in the webpage your demo code. Sale button is on the right bottom corner, but how can I set so, that Sale button as picture % would be on the left top corner?

    Best regards,
    Eve KJ

    #650688

    Hello Ismael,

    This site is not ready yet, but I can give you the link and credentials of the location where the site is for this moment.
    Please see the Private content.

    You’re saying that I should use css media queries, but I’m not sure how to do this.
    I’ve set the negative padding (margin-top) in the row settings of my first column (see sample-4.jpg). With firebug I could see that this is “flex_column_table av-equal-height-column-flextable” that has the -100px margin-top.
    But how can I change this so that this only effects this first row and nog all the other ones?

    Thanks
    Best regards,
    Nin0

    #650683

    Hi,

    Great, glad we could help. Please let us know if you should need any more help on the topic.

    Thanks,
    Rikard

Viewing 30 results - 93,961 through 93,990 (of 142,823 total)