Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 6, 2016 at 2:23 pm #560507
    deboman

    Hello
    I would like to change the sidebar width of my woocommerce shop page as well as product archive page (product of a product category) within Enfold. I was able to change the size on the single product page, but can’t figure out the CSS code for the other two pages.

    CSS Code used for the single product page:
    .single-product .product {
    width: 75%;
    margin-right: 4%;
    clear: none;
    float: left;
    }

    I am using Enfold child theme and shop page is created with Avia layout builder

    Thx in advance

    January 7, 2016 at 4:20 am #560969
    Elliott

    Hey deboman!

    Send us a link to your product category archive and we’ll take a look. You can set your reply as private if you wish.

    Cheers!
    Elliott

    January 8, 2016 at 1:30 pm #561937
    deboman

    Thanks Elliott for your reply.
    I sorted this one out myself and changed content / sidebar ratio in the Options menu.

    But I have another one:

    On my single product page I changed the font-size of the product price. When doing that it changed also the font-size of the word “Kostenlos” (ins) in the sidebar widget for the recently viewed products, what should be avoided.

    I tried several codes but none of them worked. This is the code I used to change the font-size of the product prize, just on the single product page:

    #top.single-product .price, #top.single-product .price span, #top.single-product del, #top.single-product ins {
    font-size: 20px!important;
    line-height: 18px;
    font-weight: bold;
    }

    http://www.deboman.com/Wordpress/?product=testartikel-11

    Thanks in advance for your help

    • This reply was modified 8 years, 11 months ago by deboman.
    January 8, 2016 at 3:54 pm #562047
    Yigit

    Hi!

    Your code seem to be working fine on my end 

    #top.single-product .price, #top.single-product .price span, #top.single-product del, #top.single-product ins {
    font-size: 20px!important;
    line-height: 18px;
    font-weight: bold;
}

    Please flush browser cache and refresh your page a few times

    Regards,
    Yigit

    January 8, 2016 at 4:15 pm #562073
    deboman

    Hi Yigit
    the code works, but not fully as intended. I want to force the word “Kostenlos” in the sidebar widget to have a different font-size.

    Enfold

    Enfold

    BR

    MAnfred

    January 9, 2016 at 7:17 am #562333
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    span.amount {
    font-size: 30px!important;
}

    Thanks,
    Rikard

    January 10, 2016 at 7:09 pm #562777
    deboman

    Thxs Rikard

    unfortunately the code does not work. I tried different options as well (and of course I refreshed several times. You have any other idea?

    BR Manfred

    January 11, 2016 at 7:38 am #562942
    Rikard

    Hi,

    I think that code should work, please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Thanks,
    Rikard

    January 11, 2016 at 8:52 am #562985
    deboman

    Sure you get access Rikard, thanks in advance for your help!

    Again:
    1. The problem lies with the single product page
    2. And with the recently seen products (there need to be some viewed before of course)
    3. I did test it again (after entering the code in the last line of Quick CSS), and the issue still exists

    http://www.deboman.com/Wordpress/wp-admin/post.php?post=1600&action=edit

    January 12, 2016 at 6:01 am #563690
    Rikard

    Hi,

    I’m not sure it’s possible since the font size doesn’t change for the item which is not in the sidebar unless you use !important to override the default styling, using !important for the item in the sidebar does not override the prior statement unfortunately. Maybe you could use a font size which works for both?

    Thanks,
    Rikard

    January 13, 2016 at 9:35 am #564445
    deboman

    ok, thanks. Somehow strange, but it is as it is. I might remove both. You can close the ticket

    BR

    Manfred

    January 14, 2016 at 3:49 am #565180
    Rikard

    Hi Manfred,

    Sorry we couldn’t be of more help.

    Thanks,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Changing sidebar width on woocommerce pages’ is closed to new replies.