-
Posts
-
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
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,
YigitHi 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
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,
YigitHi
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 bannerAlso 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 muchHi,
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,
YigitHi,
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,
YigitHi Yigit
I have uploaded a new image 1920×150 and still not covering the header.
See by your self.Thank you.
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,
YigitHi Yigit
Please check the mockups
In Edge: 1366×768
In crome same resolution it crops in the op
Chrome large screen
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 muchHi,
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
- You must be logged in to reply to this topic.