Forum Replies Created

Viewing 30 posts - 25,441 through 25,470 (of 34,866 total)
  • Author
    Posts
  • in reply to: "Responsive Mbile Menu" – is sticky #1004253

    Hi,
    Ok, I will try again. But right, from the link above, now I’m only getting a landing page with a overlay menu instead of the flyout menu.

    Best regards,
    Mike

    in reply to: Change woocommerce price position on single product page #1004071

    Hi,
    Thank you for that, I adjusted the code and now it seems to work correctly, Please clear your browser cache and check.

    function move_price(){
      ?>
      <script>
      jQuery(window).load(function(){
    jQuery( '.single-product.woocommerce-page' ).each(function() {
    jQuery( this ).find( '.av-woo-purchase-button p.price' ).insertBefore( jQuery(this).find('.special-heading-border') );
    });
    });
      </script>
      <?php
      }
      add_action('wp_footer', 'move_price');
    

    Best regards,
    Mike

    in reply to: hover interaction between elements #1004062

    Hi,
    Glad to hear, you can add a custom class to the column and css like this:

    .flex_column.customclass:hover

    but it should work as is, I added the page ID out of habit.
    Is there is anything else we can help with on this issue, or shall we close this thread?

    Best regards,
    Mike

    in reply to: Center Pricing #1003925

    Hey janton1,
    Please try this code in the General Styling > Quick CSS field:

    .template-shop.avia-content-slider .inner_product_header_table {
    display: flex!important; 
    justify-content: center!important; 
    }

    Best regards,
    Mike

    in reply to: "Responsive Mbile Menu" – is sticky #1003924

    Hey Zetrh,
    Please try changing your code to this:

    @media only screen and (min-width: 768px) { 
    .html_header_sidebar #top #header.av_always_sticky {
        right: 0;
    }
    .html_header_left #main {
        margin-left: auto;
    }
    
    .html_header_sidebar #header .av-main-nav {
        text-align: left;
    }
    
    .html_header_sidebar #top #header {
        position:fixed!important;
        width: 475px;
        position: absolute;
        min-height: 100%;
        border-bottom: none;
    }
    }

    Best regards,
    Mike

    in reply to: Image in header #1003923

    Hey ejo14,
    Please try this code in the General Styling > Quick CSS field:

    #media_image-2 {
        float: right;
        top: -50px;
    }

    Please see the screenshot in Private Content area for expected results.

    Best regards,
    Mike

    in reply to: hover interaction between elements #1003921

    Hi,
    To make the text below the images on the homepage become underlined on mouse-over, please try this css:

    #top.home .flex_column:hover h6,#top.home article.inner-entry:hover > .grid-content h3 {
    text-decoration: underline !important; 
    }

    Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Contact Form Email Address Validation #1003911

    Hey SyberKnight,
    This option is for language special characters as ë and é, which may be used more in some countries than others, and typically those email systems would support the special characters.

    Best regards,
    Mike

    in reply to: Burger/Mobile Menu / How can I get it bigger/thicker? #1003900

    Hi,
    I have restored the line 2283 to as it was before, Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: bug with insert short separator #1003895

    Hey Heathcliffe,
    I tried to duplicate what you explained above, but I made my color sections have a background color so I could see the space in mobile. Here is my results with just the two color sections:
    2018-08-30_221125
    and here is when I added a a short separator between the color sections:
    2018-08-30_221501
    So as you see in the first screenshot the two color sections have no gap, and in the second screenshot the short separator has a top & bottom padding of 50px, giving a gap.
    Is this what you mean?

    Best regards,
    Mike

    in reply to: Make some text smaller in the icon box #1003871

    Hi,
    Canceled as requested

    Best regards,
    Mike

    in reply to: Footer Widget Title Bold #1003870

    Hi,
    I took a look at your footer widget titles and adjusted your css to:

    #footer h3.widgettitle {
      font-weight:bold;
    }

    and it is now showing as font-weight 700, which is bold.
    I notice that your font, Raleway, doesn’t display the bold font-weight very well, so I added this rule:

    text-shadow: 1px 0 0 currentColor;

    To make it a little “bolder”
    Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Blog Widget Styling Preview Styling #1003864

    Hey accutherm,
    Please try this css:

    .slide-entry h3.slide-entry-title.entry-title a {
        color: #ffffff !important; 
    }
    
    .slide-content span.av-vertical-delimiter {
        border-color: #EF5A3E !important; 
    }
    
    .slide-entry time.slide-meta-time.updated {
        color: #EF5A3E !important; 
    }
    
    .slide-entry div.slide-meta {
        border-top-style: none !important; 
        border-bottom-style: none !important; 
    }

    Best regards,
    Mike

    in reply to: Hover Text Color on Colored Button #1003862

    Hey soundstrat,
    The color of your text is the same as your button on mouse-over, Please try this code in the General Styling > Quick CSS field:

    #top #header .av-main-nav > li:hover > a .avia-menu-text {
    color: #fff !important;
    }

    This will change it to white, or feel free to adjust to suit.

    Best regards,
    Mike

    in reply to: Animated countdown #1003861

    Hi,
    I took a look at your countdown and the color was set to white on white, I changed to black on white so it will show.
    Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: How to make phone number tel link in team member block #1003859

    Hi,
    I took a look at your page and found that you are using Enfold version 4.0.7, please update to v4.4.1
    Please update the theme via FTP, look for the “enfold” folder at /wp-content/themes/enfold/ and rename to “enfold-old” then upload the new version as the folder “enfold”
    Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.
    Once you have cleared your browser cache and tested that your site is working correctly, you can delete the old folder “enfold-old”.
    If for some reason you want to go back to the old version, simply remove the new folder and change the name of “enfold-old” back to “enfold”

    Best regards,
    Mike

    in reply to: Remove dates as widgets on home page #1003857

    Hi,
    I took a look at your page and didn’t see the article dates, please try clearing your browser cache and checking again.

    Best regards,
    Mike

    in reply to: Reduce space between taxonomy line #1003855

    Hey Marie-Claude,
    Please try this code in the General Styling > Quick CSS field:

    .av-masonry-sort {
    line-height: 16px !important; 
    }

    Please adjust to suit

    Best regards,
    Mike

    in reply to: Team member align photo and text side by side #1003851

    Hi,
    That is good news, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    in reply to: Change woocommerce price position on single product page #1003850

    Hi,
    I took a look at your shop, but I didn’t find any items with a sale price, please link to the item with this issue, so we can assist.

    Best regards,
    Mike

    in reply to: How to change Icon Box Font Size? #1003847

    Hi,
    You don’t see a text area under the text area you post in?
    2018-08-30_193731

    Best regards,
    Mike

    in reply to: Change woocommerce price position on single product page #1003359

    Hey Blue_Bear,
    Try adding this code to the end of your functions.php file in Appearance > Editor:

    function move_price(){
      ?>
      <script>
      jQuery(window).load(function(){
    jQuery( '.single-product.woocommerce-page' ).each(function() {
    jQuery( this ).find( '.av-woo-purchase-button .woocommerce-Price-amount' ).insertBefore( jQuery(this).find('.special-heading-border') );
    });
    });
      </script>
      <?php
      }
      add_action('wp_footer', 'move_price');

    Then try adding this code in the General Styling > Quick CSS field:

    .single-product.woocommerce-page .av-special-heading-h3 h3.av-special-heading-tag  {
    padding-bottom: 20px !important;
    }

    Please see the screenshot in Private Content area for the expected results.

    Best regards,
    Mike

    Hi,
    Thank you very much for the kind words, we are happy to assist anytime :)
    I’ll take this as it’s safe to close the thread now, thanks for using Enfold.

    Best regards,
    Mike

    in reply to: White line #1003347

    Hi,
    Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    Hi,
    In the code above, the “menu=’25′” sets the menu.
    To find out what the number is of the menu you wish to use, please go to your menus and use the inspector on the drop down to see the numbers.
    2018-08-29_231100
    If this doesn’t help, please include a admin login in the private content area and tell us which menu you would like to use.

    Best regards,
    Mike

    in reply to: Custom CSS issue #1003340

    Hi,
    Please try looking in the sidebar of your editor under Layout > Header visibility and transparency and choose the option “no transparency”

    Best regards,
    Mike

    Hi,
    Yes, making a backup is a good idea. I would first look in your control panel for your webhost, most webhosts offer very good backup & restore options for WordPress.
    Another good option is to see if your webhost offers a one click clone or staging site option, this is a option in most cPanels to create a staging clone of your site so we can test on it and you site will stay up and running. You can always ask your webhost to help you with setting this up if you want.

    Here are some screenshots of what it would look like:
    staging-1
    staging-2

    Best regards,
    Mike

    in reply to: Hamburger Menu Position and Colour #1003332

    Hi,
    Thank you for the login, I believe it would be better to use a image as a burger menu item so there won’t be these issues.
    Please try this example code in the General Styling > Quick CSS field:

    .av-hamburger::before {
        content: url(https://s6.postimg.cc/hw8mmus4h/icons8-menu-filled-50.png);
        display: block;
        padding-top: 5px;
    }
    .av-hamburger-inner {display:none!important;}

    If you like this icon you can save it to your site and change the url above to point to it, otherwise you could find a new icon to use instead. I found this icon at: https://icons8.com/icon/set/menu/all

    Best regards,
    Mike

    in reply to: Burger/Mobile Menu / How can I get it bigger/thicker? #1003330

    Hi,
    Thank you for the login, I see that my code snippet doesn’t work for what you wanted, completely remove the mobile menu and use the main menu instead.
    The best solution I found was to edit the layout.css and change line 2283 to this:

    @media only screen and (max-width: 77px) {

    Please clear your browser cache and check.

    While this works, I note that for mobile devices your menu creates 3 lines because it is too large for the screen. We can make the menu font smaller and reduce the menu padding, but on the smallest screens there will still be two menu items that start a second line.
    This is the css I added to your Quick CSS:

    @media only screen and (max-width: 767px) { 
    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    font-size: 12px !important;
    padding-left: 10px !important; 
    margin-left: -10px !important; 
    }
    .av-main-nav > li > a {
        padding: 0 7px !important; 
    }
    .av_seperator_small_border .av-main-nav > li:first-child > a > .avia-menu-text {
        border-left: none;
    padding-left: 13px !important; 
    }
    .responsive #top #wrap_all .container {
        width: 95% !important; 
        max-width: 95% !important; 
    }
    }

    Best regards,
    Mike

    Hi,
    Glad to hear that using the br code will work for you. I added this css to change the color of your hr:

    .av_textblock_section .avia_textblock hr {
        border: solid #00a0a3 !important; 
        border-width: 1px 0 0 !important; 
    }

    Please clear your browser cache and check.

    Best regards,
    Mike

Viewing 30 posts - 25,441 through 25,470 (of 34,866 total)