Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1103115

    Hello there.
    I would like to make some adjustments to the shopping cart icon (the floating one) and I need to make it bigger (the square and the icon).

    I managed to change the padding (because the default one gets overlapped by the browser scroll bar) but I can’t change the logo size. Where I can find it in the theme css?

    All I see is this:
    <a class="cart_dropdown_link" href="http://www.primeinterway.com.br/?page_id=512"><span aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="av-cart-counter av-active-counter">3</span><span class="avia_hidden_link_text">Shopping Cart</span></a>

    #1104194

    Hey PIW,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .cart_dropdown_link > span:first-child {
    font-size: 30px !important;
    }

    Please adjust the font size to suit, and Then clear your browser cache and any cache plugin, and check.

    Best regards,
    Mike

    #1105296

    Mike, thanks for your help, but it didn’t worked. I tried to view in new browsers but the icon size doesn’t changes.

    #1105421

    Hi,
    Thanks for the feedback, but this is what I’m seeing on my localhost:
    2019-05-30-072711
    Can you upload the site onto a temp server so we can examine?

    Best regards,
    Mike

    #1105461

    Hi Mike.
    To be able to see the site (since we can’t point the domain to the new site yet), you would need to add a temporary redirection in your HOSTS file.
    I’ve added the instructions in the private content area.

    #1105573

    Hi,
    Thank you I was able to test the css on your page and it seems to work:
    2019-05-30-223842
    Please try again and clear your browser cache.

    Best regards,
    Mike

    #1105688

    Hi Mike, good morning.
    Thanks for your help.

    But it’s still not working for me. I’ve tried it on a new computer, in 3 different browsers, cleaned the cache but I got the same result.
    Here is the code that I have on General Styling

    View post on imgur.com

    Any help is appreciated.

    #1105928

    Hi,
    Thanks for your feedback, Please include an admin login in the Private Content area so we can examine.

    Best regards,
    Mike

    #1106844
    This reply has been marked as private.
    #1106850

    Hi,
    I added the css to your Quick CSS and then added an item to the cart and it works fine,
    2019-06-03-165608
    Please clear your browser cache and check.

    Best regards,
    Mike

    #1106863

    Thanks Mike, your code works:

    .cart_dropdown_link > span:first-child {
    font-size: 30px !important;
    }

    But it’s so strange – both codes are the same (excluding the value) but this doesn’t works.

    .cart_dropdown_link > span:first-child {
    font-size: 50px !important;
    }
    #1106891

    Hi,
    Thanks for the feedback, I checked again and found two issues, one is that your Enfold Theme Options > Performance > CSS file merging and compression was on, so the site cache can be harder to clear, I recommend leaving this off until your site is done, or at least try toggling it on & off when your custom css doesn’t seem to work.
    Second, in your Quick CSS you were using “//” to comment out lines, this is not valid for css, it’s good for php code:
    2019-06-03-205342
    For css please use “/* your text */”
    I corrected it for you and now you code is working, Please clear your browser cache and check.

    Best regards,
    Mike

    #1107135

    Hi Mark.
    Oh, my bad. Now everything works.
    Really thanks for your support.

    #1107209

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Shopping Cart Icon logo’ is closed to new replies.