Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 17, 2014 at 8:34 pm #292646
    jjdenmark

    Hi

    is it possible to change the cart icon size (Woocommerce boxed, right corner), the backgrund color and the specific icon?

    I found some CSS here in the forum, but it dosent help to modify

    #header_main > ul > li > a.cart_dropdown_link span {
    font-size: 20px;
    }

    Can you help me here ?

    July 17, 2014 at 10:56 pm #292685
    Josue

    Hey Jonas!

    Try adding this code to the Quick CSS:

    .cart_dropdown_link span {
    font-size: 32px;
}
.cart_dropdown_link{
    background: red !important;
    color: white !important;
}
.cart_dropdown {
    overflow: hidden;
}

    Change as needed.

    Cheers! 
    Josue

    July 18, 2014 at 11:11 am #292901
    jjdenmark

    Well, we are very close.

    What about the size of the field with the cart icon in. I guess its around 32 x 32 now. Simply too small.

    July 18, 2014 at 12:27 pm #292921
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .cart_dropdown { height: 60px; width: 60px; }
.cart_dropdown_first .cart_dropdown_link { line-height: 56px; }

    Cheers!
    Yigit

    July 18, 2014 at 2:11 pm #292961
    jjdenmark

    Hmm it interfers with the cart, when something is In it, but before I ad, its stille kind of small (only the hight is changed)

    July 19, 2014 at 6:52 am #293257
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    July 19, 2014 at 11:21 am #293315
    jjdenmark

    Can screendumps do? The site is on ready to go online.

    Empty

    After product ad

    July 19, 2014 at 3:37 pm #293357
    Josue

    We’d need to see the site live in order to debug a CSS issue, reply back to this topic once you go live.

    P. S. You can use a plugin like this to protect the website from visitors while its being developed.

    Best regards,
    Josue

    July 25, 2014 at 2:03 pm #295934
    jjdenmark

    What I aim for is to get a new image and a bigger square.

    A jpg image like the shopping bag in this url.

    http://realityworld.dk/butik/

    This version have the following ekstra CSS:

    .cart_dropdown_link span {
    font-size: 32px;
    }
    .cart_dropdown_link{
    background: #A69171 !important;
    color: white !important;
    }

    .cart_dropdown { height: 400px; width: 100px; }
    .cart_dropdown_first .cart_dropdown_link { line-height: 396px; }

    .cart_dropdown {
    overflow: hidden;
    }

    July 25, 2014 at 7:01 pm #296068
    Josue

    Hi!

    Try adding this:

    .cart_dropdown_link span:before {
    content: url(_CART_IMAGE_URL_HERE_);
}

    Cheers!
    Josue

    July 25, 2014 at 11:48 pm #296140
    jjdenmark

    Like this?

    .cart_dropdown_link span:before {
    content: url(http://realityworld.dk/wp-content/uploads/2014/07/bag2.jpg);
    }

    Dosent seem to work ether with or without the other CSS

    July 25, 2014 at 11:56 pm #296142
    Josue

    Hi!

    The code does work, here’s how it should look after applied.

    Don’t forget to purge any caching/minification functionality you may have activated.

    Cheers!
    Josue

    July 26, 2014 at 1:20 pm #296214
    jjdenmark

    Thought I tried that to, but well like always you are right.

    Thank you sooo much, and again excellent from Mr Burns.

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Cart size’ is closed to new replies.