Viewing 30 results - 7,891 through 7,920 (of 142,946 total)
  • Author
    Search Results
  • #1419971

    Hi ijnavas,

    You can add this CSS code in Enfold > General Styling > Quick CSS:

    #top .team-member-name a:hover {
        color: blue;
    }
    
    #top .team-member-job-title a:hover {
        color: red;
    }

    Just change the colors as you see fit.

    Best regards,
    Nikko

    #1419970

    In reply to: vertical images

    Hi dablec,

    Yes, there’s an easy way for that (I’m assuming you’re using gallery or masonry gallery).
    Basically you’ll have two image galleries, one for mobile and one for all other devices like desktop.
    The first gallery for all other devices (horizontal gallery), edit it and go to Advanced > Responsive > Element Visibility (here’s a screenshot)

    Check only Hide on very small screens (smaller than 479px – eg: Smartphone Portrait)

    Then on the second gallery (gallery for mobile), edit it as well and go to Advanced > Responsive > Element Visibility and check all options except Hide on very small screens (smaller than 479px – eg: Smartphone Portrait)

    Hope this helps.

    Best regards,
    Nikko

    #1419968

    Hi Beat,

    Please try to add padding on Rikard’s code, it should look like this:

    .page-id-2343 #element_avia_10_1 .input_checkbox_label {
        line-height: 22px;
        margin-top: -3px;
        padding-left: 25px;
    }
    

    Best regards,
    Nikko

    #1419957

    In reply to: vertical images

    Hello,

    I have two photos to publish, a rectangular desktop photo and a vertical smartphone photo.

    Is there an easier way to upload the two images?

    Thank you

    #1419943

    Hi,
    Where are you seeing this error? Fontello when you try to add a SVG?
    If you can’t create a SVG that fontello will take then try using the convert site I linked to and convert a PNG to SVG
    PLease remember that you can’t use a colored image, it must be black & white.
    Try seeing this thread: fixing SVG icons on icomoon before Fontello

    Best regards,
    Mike

    #1419942

    Hi,
    For your special heading subheadline, when you choose a special heading with a Subheading you will see a option in the font tab to set the font size, there is not a site wide font size for each specific element, but you could create a CET – Custom Element Templates and then use your element on your site. You can also do this for your buttons, or since your buttons are set to use the theme color you can change the color in your styling, but this will also effect other elements, so it would probably be better to create a “read more” CET button instead.
    Hopefully this answers your two new questions, but please note that we ask that each thread stays on a specific topic, this helps other users find solutions based on the opening subject line quicker, and makes it easier for Mods to help. For further questions please open a new thread
    Please let us know if your original question has been answered and we can close this thread, thanks for your understanding.

    Best regards,
    Mike

    #1419930

    Hi,

    Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1419921

    In reply to: vertical images

    By the way : not your Question – i know but

    this is something i miss on default too:
    the image sizes generated by enfold are all ( some are squared) in landscape format.
    At least one image format should be created in portrait mode, e.g. for team members. Of course, the aspect ratios required for landscape shots are not suitable for such portrait shots. Here, 3:4 or 4:5 would probably be common formats.

    you can do that by a snippet inside child-theme functions.php:

    add_image_size( 'news_size', 175, 260, false );
    add_image_size( 'portrait', 900, 1200, false );
    add_image_size( 'portrait_small', 450, 600, array( 'center', 'top' ) );  // this is with crop : true and crop properties
    
    function my_custom_sizes( $sizes ) {
        return array_merge( $sizes, array(
            'news_size' => __( 'News Size' ),
    		'portrait' => __( 'Portrait' ),
    		'portrait_small' => __( 'Portrait small' ),
        ));
    }
    add_filter( 'image_size_names_choose', 'my_custom_sizes' );

    but: this only works on uploadiing images. If you like to recalculate the existing images – use a recalculation plugin ( force regenerate Thumbnails etc.)

    #1419917

    Hello,

    As I mentioned in two of your threads, there were CSS errors in both the Quick CSS field and in the Appearance > Customize > Additional CSS ( https://i.imgur.com/VCnbPvo.png ).

    I fixed them and added this custom CSS code ( https://kriesi.at/support/topic/widget-image-dimensions-only-phone/#post-1419863 ) and it works as expected.

    Regards,
    Yigit

    Hello Ismael,
    I checked all plugins and changed to the parent Enfold theme. Than everything worked fine.
    It was a wrong script in our child theme’s function.php
    You were right and thanks for your patience. You can close the topic.

    Best regards
    Anne

    #1419902

    Thanks

    That makes the number sticky but not the main header/logo+burger menu.

    It may be my cache but the number secondary top menu is not sticky on desktop.

    Thanks

    #1419895

    Hi,

    Thank you for the update.

    makes the phone number top section sticky on desktop and mobile

    Yes, that should be possible. Please add this css code and make sure that the Enfold > Header > Header Behavior > Unstick Topbar option is deactivated.

    #header_meta {
        position: fixed;
        width: 100%;
    }
    
    #header_main, .header_bg {
        top: 30px;
    }

    Best regards,
    Ismael

    #1419881

    Hi,
    Oh, I see, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .main_color.iconbox_top .iconbox_content {
    	background: #fff;
    	box-shadow: unset;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    Hi,

    Great, I’m glad that we could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1419862

    Hello,

    That is because you have the following custom CSS code:

    
    @media only screen and (max-width: 989px) {
      .responsive #top #wrap_all #header {
        height: 50px !important;
        max-height: 50px !important;
      }
    }
    

    Try changing it to the following:

    
    @media only screen and (max-width: 989px) {
      .responsive #top #wrap_all #header {
        height: 90px !important;
        max-height: 90px !important;
      }
    }
    

    Best regards,
    Yigit

    #1419861

    Sorry Nikko but it’s so difficult for me. If you check my website you will see that (on the footer) the logo: on desktop version is ok, on mobile is too big.
    That image is on the widget like HTML. Check please.

    #1419859

    In reply to: Footer heading

    Hi

    Thanks for this.

    The coding changes the headings to upper/lower case on mobile, but not on desktop?

    #1419850

    Ok. It’s ok about that. Please see the other topic about the text dimensions.
    Thanks.

    #1419849

    In reply to: images problem

    Hi, I started another topic; now the problem is for mobile! The images are not visible..
    Check! See the difference between desktop and mobile…

    #1419846

    hi

    Is there any coding that can be added that makes the phone number top section sticky on desktop and mobile – without effecting any other sections?

    Thanks

    #1419842

    Hey mario,

    The update to 5.6.6 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
    You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the new theme files via Appearance->Themes->Add New, and select to overwrite the old theme files after the upload has finished.

    If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
    Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

    We don’t have any special rates unfortunately, but if you already own a license then you don’t have a purchase a new one.

    Best regards,
    Rikard

    This reply has been marked as private.
    #1419814

    Hey!

    ‘Your Message Has Been Sent!’ success message is hidden above from the visitor as it disappears off the screen.

    We slightly modified the script above. Please try it again.

    // https://kriesi.at/support/topic/date-picker-form-issue-mobile/#post-1419717

    Regards,
    Ismael

    #1419813

    In reply to: Anchor links vs Safari

    Hi,

    Thank you for the update.

    We can reproduce the issue but not yet sure what is causing it. It might be due to the hidden section on desktop and medium devices. Please try to add this css code and make sure to temporarily disable the Enfold > Performance > File Compression settings.

    @media only screen and (min-width: 990px) {
    
      .responsive.av-no-preview #top #wrap_all .av-desktop-hide,
      .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden,
      .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden {
        display: none;
        height: 0;
      }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 989px) {
    
      .responsive.av-no-preview #top #wrap_all .av-medium-hide,
      .responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden,
      .responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden {
        display: none;
        height: 0;
      }
    }

    Best regards,
    Ismael

    #1419799

    Hi bassato,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
        #top .woocommerce-cart-form .shop_table.cart .cart_item {
            display: flex;
            flex-direction: column;
            width: 100%;
        }
        
        #top .woocommerce-cart-form .shop_table.cart .cart_item td:before {
            content: attr(data-title) ": ";
            font-weight: 700;
            float: left;
        }
        
        #top .woocommerce-cart-form thead,
        #top .woocommerce-cart-form .shop_table.cart .cart_item .product-remove:before {
            display: none;
        }
        
        #top .woocommerce-cart-form .shop_table.cart .cart_item .product-remove, 
        #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name, 
        #top .woocommerce-cart-form .shop_table.cart .cart_item .product-price, 
        #top .woocommerce-cart-form .shop_table.cart .cart_item .product-quantity {
            display: block;
            width: 100%;
            padding: 12px 20px;
        }
        
        #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name, 
        #top .woocommerce-cart-form .shop_table.cart .cart_item .product-price, 
        #top .woocommerce-cart-form .shop_table.cart .cart_item .product-quantity {
            text-align: right;
        }
        
        #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name .component-name {
            max-width: 220px;
            margin-left: auto;
            padding-left: 0;
        }
        
        #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name .component-name * {
            float: right;
        }
        
        #top .woocommerce-cart-form .shop_table.cart .cart_item .product-quantity .quantity {
            width: 170px;
            margin-right: 0;
        }
    }

    Please let us know if it helps.

    Best regards,
    Nikko

    #1419797

    Hi,
    Sorry, I don’t understand what you mean, we are talking about the logo being centered and showing when the burger menu is open, so just like my original screenshots above, on mobile the logo is centered:
    Enfold_Support_3397.jpeg
    and when the menu is open the logo shows centered:
    Enfold_Support_3395.jpeg
    Please note that you should test after clearing your cache and while logged out because the admin topbar that shows when you are logged in will displace the menu and logo.

    Best regards,
    Mike

    #1419796

    In reply to: images problem

    Hi Stilecatalini,

    Can you give us a screenshot? I can’t seem to find the issue you mentioned on the link you given, I have checked it using a windows desktop in Chrome, Edge and Firefox.

    Best regards,
    Nikko

    #1419785

    Hi,

    Please add this class name to the last column right-column
    Then try to replace your code with this CSS code in Quick CSS:

    #top .overlapping-columns {
        position: absolute;
        z-index: 100;
        margin-left: 0;
        width: calc(29.333333333333332% + 400px);
        left: 50%;
        transform: translateX(-50%);
    }
    
    #top .right-column {
        float: right;
        margin-left: 0 !important;
    }

    Best regards,
    Nikko

    #1419779

    Topic: vertical images

    in forum Enfold
    dablec
    Participant

    Good evening, on my website, I have almost all horizontal images that look very good on the desktop version, but unfortunately, they appear small and unattractive on smartphones.

    Is it possible to publish vertical photos only for devices like smartphones?

    Thank you,
    Tiziano

    #1419773
    mikegrace78
    Participant

    Hi there,

    Wondering if you can help me remove the swipe action on the tab sections on the following page.
    -The issue is on mobile only,
    -I have slider based calculators that are triggering the swipe action on the tab section, making operation of the calculators super annoying

    I have implemented all recommendations noted at the link below and the tabs are still swiping on mobile. Help!

    Thank you in advance!

Viewing 30 results - 7,891 through 7,920 (of 142,946 total)