• Priority: 0
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 04.11.24, 12:37
  • Opened by: Jairo de la Fuente

Ticket #25830 - Several errors in the template

Good morning,

I have several errors in the template:

1 - The product frames are not well framed
2 - The width of the box is not maintained in the different tabs added with Promokit Product Tabs
3 - Product alignment is not maintained
4 - Changes in font or font size are not reflected on the product page (Ctrl+F5)
5 - Not able to check for updates

Let’s see how I can fix it, thanks.

Attachments:

1.jpg (129.2 KiB)
2.jpg (245.9 KiB)
3.jpg (88.9 KiB)
4.jpg (188.6 KiB)
5.jpg (140.8 KiB)

Comments

Fred 04 Nov 2024, 20:51

Hi, Jairo de la Fuente.
Please fill out all necessary fields in your profile https://support.promokit.eu/myprofile to access to your Back-office to let me try to fix that

Jairo de la Fuente 05 Nov 2024, 11:02

It's already done.

Thanks!

Fred 05 Nov 2024, 22:05

The first issue is fixed. The rest is in progress

Fred 06 Nov 2024, 22:07

The second issue should be fixed as well. I have adjusted CSS for the small screens

Jairo de la Fuente 08 Nov 2024, 22:02

The width of the Promokit Product Tabs tabs is not the same as the Description, neither on the mobile nor on the PC, let's see if you can make it a little bigger.
On the other hand, the font style in the two tabs is in Paragraph and they look different on both mobile and PC.

Attachments:

6.jpg (322.4 KiB)
Fred 10 Nov 2024, 22:23

Can you please give me a link to a page where I can see the issue?

Jairo de la Fuente 11 Nov 2024, 11:28

https://pleyadescosmetica.com/inicio/2-crema-facial-dia.html

Fred 11 Nov 2024, 20:58

That's because you defined block width manually in the page editor https://mega.nz/file/gZACjb7a#1AXHM04SJ9oQq2wJYiS69N5zOGumo1tZv26UgsNlCEQ

Jairo de la Fuente 12 Nov 2024, 13:50

In the page editor is by default.

Attachments:

Untitled.jpg (142.2 KiB)
Fred 12 Nov 2024, 21:25

Try this CSS fix

.elementor-element-702545a5 {width:auto !important;left: auto !important}
Jairo de la Fuente 13 Nov 2024, 17:49

I have added the custom css and now the description tab is less wide than promokitTab, it should be the same as PromoklitTab, if not it is very narrow for small screens.

Attachments:

1.png (40 KiB)
2.png (195.4 KiB)
Fred 13 Nov 2024, 21:26

Additional CSS 

.elementor-element-702545a5 .elementor-container {
    width: 100% !important;
}
.elementor-element-702545a5 .elementor-column-wrap {
    padding: 0 !important;
}
Jairo de la Fuente 13 Nov 2024, 22:56

It worked, okay as for the tabs, the font is not the same and the titles in the mobile version are not centered.

Attachments:

tabs.png (52.3 KiB)
Fred 14 Nov 2024, 23:17

Yes, you have enabled Delight preset which has it's own styles for product description. Now it's removed.
Updated file is

/pleyadescosmetica.com/modules/pkthemesettings/views/css/presets/delight.css
Jairo de la Fuente 15 Nov 2024, 13:15

They are still not centered.
So I have to change the CSS by hand every time I want to change the font?

Attachments:

7.jpg (110.1 KiB)
Fred 15 Nov 2024, 22:46

sorry, my bad, I missed that.
Now it's fixed:
https://mega.nz/file/ochUnZSJ#2arZ_GEq9xyzskRmnyWItJa2VcTMRcdFGrNY4a7WGNw