Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #200459

    Hey,

    i have a question, hope somebody can give me the right Quick CSS Code:

    I would like to change the colours of all the woocommerce widgets in the sidebar. I cant change the colour over Enfold Control Panel.

    For example this is the working code for main product categories:

    #top .main_color .product-categories a{
    color: #0d0d0d;
    }

    #top .main_color .product-categories a:hover{
    color: #88bbc8;
    }

    I would like to change the colour of the price filter, recently seen products and best rated products as well.

    Should be the same, but I dont know the right variables.

    Thanks a lot

    milatch

    #200461

    Hi milatch!

    Can you post the link to your website?

    Regards,
    Yigit

    #200950
    This reply has been marked as private.
    #201317

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    div .widget_price_filter .price_slider_wrapper .price_label, .main_color .sidebar a { color: #0d0d0d; }
    .main_color .sidebar a:hover { color:  #88bbc8; }

    That should do it. Please flush browser cache after applying CSS

    Best regards,
    Yigit

    #201324

    Thanks buddy, that worked perfectly.
    Could you tell me how to get the Login fields on the the left side at the top closer to each other. They look too far away from each other. Also the distance to the next “Search Field Widget” is too far. I dont know how to fix that.

    Would be awsome!

    Thank you

    milatch

    #201368

    Hi!

    Please add following code to Quick CSS as well

    #pw_login_widget-2 { padding-bottom: 0; }
    #top input[type="text"] { margin-bottom: 10px; }

    Best regards,
    Yigit

    #201398

    Thank you.

    I just saw another missing vertical line. I think its because of update to 2.5 today.

    It supposed to be be left, from top to bottom, parallel to the line that cuts the menu to the content right. Sorry for my bad english, hope you know what I mean.

    And in addition if you know, is there any way to add an option under login, like “register”? Because theres only standing “forgot password?”

    Thank you Yigit

    milatch

    #201740

    Hi!

    Sorry, no, it is not clear to me. Can you post a screenshot and show how it looks and how you want it to look?

    Regards,
    Yigit

    #201789
    This reply has been marked as private.
    #201795

    Hey!

    Please add following code to Quick CSS as well
    1)

    #pw_login_widget-2 { margin-bottom: 35px; }

    2)

    .avia_cart_buttons { opacity: 1; }

    3) It looks fine on my end. Please see screenshot here http://i.imgur.com/5mnFqOJ.jpg
    Best regards,
    Yigit

    #201800

    Thank you for fast answering!

    Your screenshot to the third point looks like mine. I would like to change the font into a fat. Like that:)

    Sorry for my bad english.

    Thank you

    milatch

    #201803

    Hi!

    Sorry :) Please add following code to Quick CSS

    #top .main_color .product-categories a {
    font-weight: bold;
    }

    Regards,
    Yigit

    #201810

    Hey Yigit

    That worked perfect for me:)

    But the first Quick CSS Code you gave me isnt working. I think its because you got me wrong.

    Theres supposed to be a inconspicuous left line from top to bottom, right there where the “1” stands in the screenshot.

    And a last question: Since update the fonts changed on many places from “fat” to “standard”. Is there a possibilty where I can change it? Or only possible over Quick CSS?

    I would like to have the product titles fat again as well.

    Thank you for your good support!

    milatch

    #201882

    Hi!

    1.) You can use this for the Product Title:

    .inner_product_header > h3 {
    font-weight: bold !important;
    }

    2.) Add this to create a border on the sidebar:

    #top #main .sidebar_left .sidebar {
    border-left: 1px solid;
    }
    
    .sidebar_left .inner_sidebar {
    margin-right: 25px;
    margin-left: 25px;
    }

    Regards,
    Ismael

    #202605

    Hey Ismael,

    thanks for your reply. Unfortunately the inner product header doesnt change and stays the same. I also flushed browser cache after applying CSS.

    The border on the sidebar worked, but its full black. How can I get it transparent like the other lines and borders?

    Thank you very much!

    milatch

    #202682

    Hi!

    Please edit Ismael’s code and change it to

    #top #main .sidebar_left .sidebar {
    border-left: 1px solid transparent;
    }

    And please add following code to Quick CSS

    .products .product h3, .products .product h4, .products .product h5, .products .product h6 { font-weight: bold; }

    Best regards,
    Yigit

    #202784

    Hey,

    the code for fat product titles works perfect. Thank you!

    But I still have problems with the side line/border. If I change the Quick CSS Code to

    #top #main .sidebar_left .sidebar {
    border-left: 1px solid transparent;
    }
    
    .sidebar_left .inner_sidebar {
    margin-right: 25px;
    margin-left: 25px;
    }

    the left sideline disappears totally. I’d like to have it like on my or your last screenshot:

    http://i.imgur.com/5mnFqOJ.jpg

    Thank you!

    milatch

    • This reply was modified 10 years, 3 months ago by milatch.
    #203089

    Hi!

    Currently it looks just like it is in the screenshot. Can you elaborate please?

    Regards,
    Yigit

    #203180
    This reply has been marked as private.
    #203190

    Hey!

    Just change the color value:

    #top #main .sidebar_left .sidebar {
    border-left: 1px solid rgba(0, 0, 0, 0.3);;
    }

    Change the rgba color to something else.

    Best regards,
    Ismael

    #203191

    Hey!

    Just change the color value:

    #top #main .sidebar_left .sidebar {
    border-left: 1px solid rgba(0, 0, 0, 0.3);;
    }

    Change the rgba color to something else.

    Best regards,
    Ismael

    #203267

    That worked!

    Thank you very much! :)

    Best regards
    milatch

Viewing 22 posts - 1 through 22 (of 22 total)
  • The topic ‘How to change menu woocommerce widget colours?’ is closed to new replies.