Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • December 15, 2013 at 7:00 pm #200459
    milatch

    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

    December 15, 2013 at 7:02 pm #200461
    Yigit

    Hi milatch!

    Can you post the link to your website?

    Regards,
    Yigit

    December 17, 2013 at 5:16 am #200950
    milatch
    This reply has been marked as private.
    December 17, 2013 at 11:00 pm #201317
    Yigit

    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

    December 17, 2013 at 11:26 pm #201324
    milatch

    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

    December 18, 2013 at 4:00 am #201368
    Yigit

    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

    December 18, 2013 at 5:39 am #201398
    milatch

    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

    December 19, 2013 at 12:27 am #201740
    Yigit

    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

    December 19, 2013 at 2:03 am #201789
    milatch
    This reply has been marked as private.
    December 19, 2013 at 2:10 am #201795
    Yigit

    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

    December 19, 2013 at 2:15 am #201800
    milatch

    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

    December 19, 2013 at 2:17 am #201803
    Yigit

    Hi!

    Sorry :) Please add following code to Quick CSS

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

    Regards,
    Yigit

    December 19, 2013 at 2:33 am #201810
    milatch

    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

    December 19, 2013 at 6:15 am #201882
    Ismael

    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

    December 20, 2013 at 4:17 pm #202605
    milatch

    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

    December 20, 2013 at 8:18 pm #202682
    Yigit

    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

    December 21, 2013 at 2:51 am #202784
    milatch

    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, 11 months ago by milatch.
    December 22, 2013 at 7:49 pm #203089
    Yigit

    Hi!

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

    Regards,
    Yigit

    December 23, 2013 at 5:08 am #203180
    milatch
    This reply has been marked as private.
    December 23, 2013 at 8:40 am #203190
    Ismael

    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

    December 23, 2013 at 8:40 am #203191
    Ismael

    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

    December 23, 2013 at 3:06 pm #203267
    milatch

    That worked!

    Thank you very much! :)

    Best regards
    milatch

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