Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #676101

    Hi Yigit

    I need to have different headers for the shop and categories. Those headers should display full width and 150px height. I have tried as you said with 450×450 but it leave spaces on the sides and it doesnt stretch. Also i really dont need text as description for shop or category.
    So far i could have some sort of result inserting html code of image header in description instead of text. it kind of works but the height is still much more than the original image height.
    In categories i need same full with headers. I tried using “Display product width image and description as full width page banner” but if i have no text it doesnt display at all.
    Not sure if this is Custom CSS or image sizes or both Basically i need headers in shop and categories and product as the main site full width and 150 o 200 px height
    Also i need the same in product tag page. for example when click over a tag it takes me to a page that displays related product but there is no header.
    Links are the same and credentials as well.

    Thank you very much

    • This topic was modified 7 years, 7 months ago by hdpcr.
    #677481

    Hey hdpcr,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #av_product_description * {
        margin: 0 auto;
    }
    

    If that does not help, please post the link to your pages and screenshot showing the changes you would like to make. Code i posted above should decrease the height on following pages.
    Tag template does not have header as product category and shop pages. It would be possible to add however it would require some customization to theme files. Do you urgently need such banner in tags pages? :)

    Best regards,
    Yigit

    #677619

    Hi Yigit

    In the first capture is how banner is displayed in main shop page and as i dont have images for each category it displays eveerywhere but not in tags pages.And about tags pages its not that urgent but at least is there a way to have some title so user could know where he’s located?

    In the 2nd capture you can see when i add image in the category and with Enfold default and the last one when i change it to full banner

    Buat i need is to have fll with banner in my categories without having any text descpription. thos images will change according to category.

    Thank you very much

    #677640

    Hey!

    1- Please change the previous code to following one

    #av_product_description * {
        margin: 0 auto;
        margin-bottom: -3px;
    }

    2- Can you please post the link to this page?
    3- Please add following code to Quick CSS and check if that helps

    #av_product_description .av-parallax-inner {
        background-size: cover;
    }

    If not, we are going to need to see that page as well

    Regards,
    Yigit

    #677721

    Hi
    I have applied the last CSS and it has changed but it doesnt display well see by your self This is just of one category that im testing but all categories will have theire own banner

    Also please the problem is the same for the shop because even if you can see the banner displaying correctly its becasue i didnt upload a image in shop options but in description i have inserted html code but it should not be that way.
    Thank you very much

    #677769

    Hey!

    Can you please create a temporary admin login and post it here privately?

    Cheers!
    Yigit

    #677807

    Hi Yigit

    There you go

    Thank you

    #679100

    Hi,

    Sorry for the late reply!
    Can you please try following code

    #av_product_description .av-parallax-inner {
        background-size: contain;
        background-position: 50% 10%!important;
    }

    Also, login credentials did not work for me. Can you please check them once again?

    Best regards,
    Yigit

    #679119

    Hi Yigit

    I changed the previous with this and still the same

    Please try now with this

    Thank you

    #679476

    Hi,

    I changed the code to following one

    #av_product_description .av-parallax-inner {
        background-size: initial;
        background-position: 50% 5%!important;
    }
    #av_product_description {
        height: 150px;
    }

    Now height 150px and background image is centered however your background image is 1000x150px. If we would like to make it fullwidth, height will be increased as well. Would it be possible for you to upload the image in 1920x150px?

    Best regards,
    Yigit

    #679598

    Hi Yigit

    I have uploaded a new image 1920×150 and still not covering the header.
    See by your self.

    Thank you.

    #679620

    Hey!

    I set it background size to contain once again and it does look fine on my end on different screen sizes. Can you please review your website now? :)

    Regards,
    Yigit

    #679735

    Hi Yigit

    Please check the mockups

    In Edge: 1366×768

    View post on imgur.com

    In crome same resolution it crops in the op

    View post on imgur.com

    Chrome large screen

    View post on imgur.com

    Some how it crops cropps the upper part of the banner. And i noticed its like paralax mode. Maybe if its srcoll or fixed mode the gaps will disapear.

    Also i notices that this last code has effecrts in other categories that they dont have individual banner using general banner that were displaying great and now thee is a huge gape in gray before starting to display products. I deleted your code so you can see how it displyas other categories.Once you see that you can put back the code and see how they display :)
    Thank you very much

    #679971

    Hi,

    Can you please try adding following code to Quick CSS now

    #av_product_description img {
        margin-top: -30px;
    }
    #av_product_description {
        height: 150px;
    }

    Best regards,
    Yigit

    #680885

    Hi Yigit

    Should i add this code beside the previous one or replace it?

    Thank you

    #680897

    Hey!

    Please add it additionally

    Regards,
    Yigit

Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.