Custom Product Page Template related issues

Hi! I finally purchased the plugin and in general I’m very happy with the customisation options it offers. Good job! Nevertheless, I have some issues with my custom Product Page Template that I need to solve and can’t figure out how:

1) I need the text inside the tab’s sections to be white. I added some CSS on the Custom Product Page Template in order to make it work, but it only applies to the content of the elements and not the title, e.g.: “Additional Information”, “Reviews”, “Login”, “Register” still appear in grey color.
Screenshot: https://prnt.sc/fr89y4
Here’s the CSS that I applied (lines 8 to 10):
.additional_information-tab-for-custom-page-layout-template_css {
color: #ffffff;
}
The other problem of applying this specific CSS is that you cannot see the text inside the textboxes because it turns also white. You can check this in the “Reviews” section of the tab, in “Login”, if you try to tip something inside the boxes, you cannot see the text unless you select it with the mouse
Screenshot: https://prnt.sc/fr8acs
Link to page of the screenshots: https://local-tour-guides.org/book/flamenco-tapas-tour/

2) The element “Single Product Image” displays the image wrong: you can see a little piece of the next image on the right side.
Screenshot: https://prnt.sc/fr8arx
Example link: https://local-tour-guides.org/book/flamenco-tour-albayzin/
This happens both when “strecht row” is active (you can see a big piece of next image) AND also when it’s not active (then the image is streched just less, so you can still see a “smaller” portion of the next image).
If you resize the browser screen to make it smaller, and then re-size it to the full-screen, you can see the image magically became normal!
Screenshot: https://prnt.sc/fr8b7k
*Sometimes the image is even NOT displayed at all until you click on the grid below!
How can I solve this and make the image size appear correctly all the time?

3) When I activate the sidebar, it automatically goes down and appears after all product information, right before the footer. I’ve tried a LOT of different combinations for “Page Layout Settings” (I can show you some examples). Nevertheless, nothing works! The sidebar is either not visible or appears after all product information. If I use the NORMAL product layout (without customization), the sidebar works fine.
Please I need to use the CUSTOMIZED product page template WITH visible Sidebar (on the RIGHT)

Examples (all wrong) you can check to compare:

Link to Product using CUSTOMIZED Product Page Template and NO SIDEBAR setup:
https://local-tour-guides.org/book/flamenco-tapas-tour/
*Custom Product Page: TOURS Custom Page Layout Template4
*Sidebar position: No Sidebar
*Select Sidebar: –

Link to Product using CUSTOMIZED Product Page Template with “RIGHT” SIDEBAR setup (WRONG):
https://local-tour-guides.org/book/forgotten-people-tapas-tour-realejo/
*Custom Product Page: TOURS Custom Page Layout Template4
*Sidebar position: Right
*Select Sidebar: Woocommerce Product Sidebar

Link to Product using NORMAL layout template (not customized product page template) with RIGHT SIDEBAR:
https://local-tour-guides.org/book/alhambra-tour/
Custom Product Page: None
Sidebar position: Right
Select Sidebar: Default

Link to Product using NORMAL layout template (not customized product page template) and NO SIDEBAR:
https://local-tour-guides.org/book/flamenco-tour-sacromonte/
Custom Product Page: None
Sidebar position: Default
Select Sidebar: Woocommerce Product Sidebar

Thank you very much in advance for your advice, I hope I can get a solution for this problems!

Kind Regards,
Miguel F

Add New Note to this Reply