Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 23, 2016 at 12:52 pm #602484
    handelsmann

    Hey guys,

    to not ask you always for support – is there a common way to research for an element and then give it a class and format it with css.

    So for example I want to change the size of the cart symbol when you put something in and it appears on the top right for showing it contains an item.

    Can you lend a hand a) if there is a practical way in general to find out and b) what to do in this case especially to change the size of the symbol?

    Thanks Stephan

    March 23, 2016 at 4:57 pm #602630
    Jordan

    Hi Stephan!

    Thanks for reaching out to us!

    The general way used to find the classes would be to use a developer tool such as Chrome Developer Tools and every browser has it’s own. https://developer.chrome.com/devtools It may be a little tedious at first but there is no way to know all the CSS classes of elements by heart.

    Finally to change the size of the cart symbol, you are looking to change the font-size. 

    .cart_dropdown_link span {
    font-size: 20px;
}

    Cheers!
    Jordan

    March 23, 2016 at 5:47 pm #602677
    handelsmann

    Hey Jordan,

    thank you so much for introducing to the process.

    So I changed the font-size and found out that the symbol becomes bigger but the square was at 46×46 and stayed, so it didnt look good.

    I want to have a padding of 10 pixel around

    Then I used a different inspector and saw and changed that to:
    .cart_dropdown {
    height: 60px;
    width: 60px;
    line-height: 66px;
    }

    But now the cart-icon is not centered but more to the top.

    Any idea how to fix it.

    Thanks Stephan

    March 24, 2016 at 5:55 am #602884
    Jordan

    Hey Stephan!

    Yes I can help you further!

    Could you provide a link to the site your working on, so that I can see the changes you have made. You can place the details in the Private content section of your reply.

    Best regards,
    Jordan

    March 24, 2016 at 9:38 am #602904
    handelsmann

    Hey Jordan,

    yes sure,

    Thanks for lending a hand.

    Best Stephan

    March 24, 2016 at 1:17 pm #602987
    Yigit

    Hey!

    Please add following code to Quick CSS 

    a.cart_dropdown_link > span {
    top: 7px;
    position: relative;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.