Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 14, 2017 at 11:53 pm #876866
    sjahan

    I’ve got two questions:

    1. How do you change the color of the Add to Cart and Show Details buttons on the main shop/category pages and increase font/icon size? I changed the color when you hover on the link, but I can’t change the pre-hover color.

    2. How do you indent subcategories on the shop page widget in the sidebar and increase font size?

    Thank you!

    November 17, 2017 at 5:30 am #877928
    Ismael

    Hey sjahan,

    Thank you for using Enfold.

    1.) Please use the followign css code to adjust the style of the buttons.

     #top .main_color  .avia_cart_buttons .button {
   color: red;
}

#top .avia_cart_buttons .button {
    min-width: 50px;
    float: left;
    width: 49%;
    text-align: center;
    border-radius: 0px;
    padding: 11px 2px;
    font-size: 20px;
    font-weight: 600;
    line-height: 15px;
    margin: 0;
}

    2.) The site is on maintenance mode. Please post the login details in the private and provide the actual link to the shop page.

    Best regards,
    Ismael

    November 17, 2017 at 5:37 am #877929
    sjahan

    Hi, thank you. The code didn’t change the Add to Cart and Show Details icons/text. I want to disable the faded color pre-hover. The page is: http://demo.urbanrealms.com/shop/

    November 17, 2017 at 5:40 am #877931
    sjahan

    And then it shows up completely different on the category pages: http://demo.urbanrealms.com/product-category/artwork/

    November 17, 2017 at 7:33 am #877964
    Ismael

    Hi,

    Thank you for the update.

    Use this code to disable the faded effect.

    .inner_product .avia_cart_buttons {
    opacity: 1;
}

    The color of the font is red and the size is set to 20px so the css code above is working. Adjust the values as needed.

    For the subcategory indent, please use this one.

    #top .sidebar_left .widget .children {
    padding-right: 15px;
}

    Best regards,
    Ismael

    November 17, 2017 at 7:47 am #877969
    sjahan

    Perfect, thank you Ismael! One last thing. How can I have a hover effect on the Add to Cart/Show Details buttons?

    November 18, 2017 at 7:50 am #878380
    Ismael

    Hi,

    Glad it worked. Please use this code to change the font color on hover.

    #top .main_color .avia_cart_buttons:hover .button {
    color: blue;
}

    Best regards,
    Ismael

    November 19, 2017 at 2:09 am #878697
    sjahan

    Perfect, thanks Ismael!

    November 19, 2017 at 1:34 pm #878775
    Rikard

    Hi,

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

    Best regards,
    Rikard

    November 19, 2017 at 7:49 pm #878829
    sjahan

    We can close it :)

    November 20, 2017 at 10:29 am #879011
    Rikard

    Hi,

    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Shop Page’ is closed to new replies.