.
I copied a static block code into the single product page CSS code in global theme options but this did not work.
Regarding the header overlap and transparency, I have access to this but I am unable to create a header that will show a white background and a 1px solid border on the bottom.
This is required for my complete site excluding the home page so the homepage only shows transparency, as it currently does.
Please advise on how to create the header via the multi-header and what conditions to apply?
ignore
https://www.8theme.com/topic/transparent-header-multiple-headers/#post-390027
and
https://www.8theme.com/topic/transparent-header-multiple-headers/#post-390109
A new topic was raised for the spacer and block issue.
I have added spacers to all pages and a block to the shop page. This has placed the page data/images below the main header, confirm if this is the correct approach?
I have not been able to add a block to the single product page and category pages because there is no option to add a block, advise on how to resolve this?
Is there an update?
Do all of the pages require a spacer to move them below the main header or is there a code that can allow the site to place these below the main header? excluding the home page.
When the transparent header issue is resolved, only then I can add the spacer due to some pages having a white row above the top row, please advise?
I have looked at this and this will do, I need the sticky and transparent menu.
Thanks, resolved.
Fab, resolved.
I have already applied those settings that you have provided through the link.
As I mentioned at the start, the issue is “When I click on the “multiple headers” link in the “header Overlap & transparent” option, this does nothing.” When I right-click and open, this reloads the theme options page, again.
I do not have access to the “multiple headers” link in the “header Overlap & transparent” option, how can I access this?
..
The homepage is correct and shows the transparent menu.
The shop page and category product page have the main menu missing and a white row above the top row.
Hooreins world page shows the transparency but the page itself must not be showing behind the main header, this must automatically start from below the main header because the transparency effect is only for the homepage. This setting is required throughout the website.
Tale of Silk page – this is also behind the main header and required to be below the header menu as a default setting.
My account page, contact us page, FAQ page, privacy policy page, terms of service page, returns and refunds page, and cookies policy page – are all raised and behind the main header.
The cart page also is above the main header when the cart is empty.
The checkout page layout seems to be untouched.
I have tested with the code and yes, it does not look as nice because the width is also reduced.
The topic is resolved, thanks Luca.
Fab, resolved.
.
Perfect, resolved, thanks.
The border is visible but how can this be applied to all pages except for my homepage?
This has worked for the thumbnails, fab, thanks.
1 issue with this page:
How can I adjust the height of the large image, I have tried to edit the code below but the height does not adjust:
.woocommerce-shop .content-product .product-content-image,
.single-product .content-product .product-content-image {
width: 300px !important; /* Adjust the width as needed */
height: auto; important;
margin: 0 auto;
overflow: hidden;
}
This is also resolved.
Thanks,
Ajaz
This is now working correctly.
Thanks,
Ajaz
I have not had a chance to check but I do need this to be centralised for of, tablet and mobile.
Would the code be for the global settings?
Actually, I will open a new topic because I have had issues from the previous person.
I only want a solution so expecting a new topic to resolve the issue rather than create issues for me.
I should heave mentioned, on the mobile, it is centred but on pc it is still aligned left.
Let me check on a different browser and I will reconfirm.
Also, can you confirm how I can centralize the text beneath the images, currently this is aligned left.
I mentioned before to confirm the location of these settings so I can apply them.
Besides this, this is looking excellent.
Ajaz
gmail is not a business nor a professional email address.
This is poor.
I will raise this with the feedback team who are already investigating a complaint.
That is working fine.
Just to be clear for the future, if I added further text to show in this area, this will automatically align centre?
The image location looks fine on mobile but I also mentioned that the font below the images is not centralised.
I have tried to edit this but not able to find the options to centralise and edit the size/color, where are the options so can edit?
Mobile version looks perfect for image placement. I will check this on my pc later today.
Please reopen my FAQ topic because this still has an issue.
The gap is only visible in landscape view on mobile but not in portrait view, I need this to be visible in portrait mode.
The row is set to show 4 products.
I will be adding more products in the future and the will be more rows to follow.
As long as the images are automatically centered without the image size adjusting, this should be good.
Currently, when 1, 2 or 3 images are added, they are placed to the left of the carousel.
Ajaz