Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 27, 2015 at 9:16 pm #479300
    blaircomm

    I would like to reduce the height of the “main shop page banner” container and contents. I found and tried the CSS in: https://kriesi.at/support/topic/main-shop-page-banner-reduce-height/
    But it didn’t work for me.

    I was able to reduce the size of the banner color overlay, but not the container. I can’t find the right selectors. I would like to have control over the height and be able to place different banner images in with different heights.

    Can you point me in the right direction?

    Thanks.

    – Michael

    July 28, 2015 at 12:18 am #479366
    Yigit

    Hi blaircomm!

    Can you please post the link to your page?

    Cheers!
    Yigit

    July 28, 2015 at 2:27 am #479403
    blaircomm

    Hi:

    Of course—see in private content. The site is in development and password protected right now. I will activate the banner for you so you can see.

    July 28, 2015 at 2:33 pm #479728
    Yigit

    Hey!

    Can you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.
    Very nice looking website by the way :)

    Cheers!
    Yigit

    July 28, 2015 at 6:31 pm #479863
    blaircomm

    Here you go. It’s very simple really, I just can’t get it. I want to have control over the banner height to make it larger or smaller and insert different height images inside. I am using the Woocommerce default store to keep the functions as basic and bulletproof as I can, plus building a storefront interferes wight the “quick look” plugin function—otherwise I’d make a banner in the advanced editor.

    Thanks.

    – Michael

    July 30, 2015 at 6:30 am #480530
    Rikard

    Hi,

    Please try the following in Quick CSS:

    #av_product_description .content {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

    Cheers!
    Rikard

    July 30, 2015 at 9:02 pm #480945
    blaircomm

    Hi:

    Thanks for the response.

    This helps with the “Shop Banner Image Color Overlay” and can control it’s height within the container. The container however reduces about 1/8″, but no more—no matter what I try. The color overlay can get very narrow, but it floats within the container.

    I am using the Woocommerce default shop page, so it must have something to do with the page Woocommerce uses in its code. You cannot modify the menu setting on the page, i.e. “transparency” etc., in the Woocommerce default shop page either.

    If you have another idea to control the container let’s try, otherwise it’s probably not worth the time to figure it out since it is cosmetic only.

    Other points on the banner settings that would be good future capabilities:

    1. The ability to style the “Shop Description” easily as it is centered body text by default. Need to be able to style headlines and position it responsively.
    2. Ability to control the height of the shop banner container to take full advantage of the parallax feature for the banner image. Right now it is so narrow the parallax doesn’t do a lot.
    3. The ability to turn off the parallax feature in the banner image so the image does not change in the viewport on different device screens. It is hard to make it work from a 27″ Retina to a 5″ smart phone.

    Thank you.

    – Michael

    • This reply was modified 9 years, 4 months ago by blaircomm.
    August 1, 2015 at 5:42 am #481630
    Ismael

    Hi!

    Correct me if I’m wrong but from what I understand, you want to adjust the height of the shop banner. If you want to reduce the height, you will have to adjust the minimum height which is set to 100px. 

    #av_product_description {
    min-height: 20px;
}

    If you want to increase it, use the height property:

    #av_product_description {
    height: 300px;
}

    Regards,
    Ismael

    August 3, 2015 at 6:42 pm #482355
    blaircomm

    Thank you very much! Worked flawlessly.

    I have figured out how to style the banner “shop description,” so I’m good now.

    Appreciate your support!

    August 4, 2015 at 8:17 am #482556
    Ismael

    Hey!

    Great! Let us know if you need anything else. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Main shop page banner control’ is closed to new replies.