Return to previous page

Check the screen shoot - by Kazi Sabit - on WordPress WooCommerce support

This topic has 32 replies, 3 voices, and was last updated 1 years, 9 months ago ago by Kazi Sabit

Kazi Sabit

Participant

July 2, 2022 at 09:30

https://prnt.sc/Fw9efoDihNL4

1. Right side border not working

2. How to remove this extra border I have pointed in the screen shoot.

#328043 Copied Theme version: 8.2

31 Answers

Awais Ahmed

Participant

July 2, 2022 at 09:44

Hello, @Kazi Sabit,

1. Regarding Border, there is no such extra border, but it is the border of the above section, I have marked in this screenshot: https://postimg.cc/Cz2gMpp4

2. I have checked your site and there is no such right-side gap on your site as in your provided screenshot.

Your provided screenshot: https://prnt.sc/Fw9efoDihNL4

My laptop screenshot: https://postimg.cc/HJhWf8sT

Regards 8Themes Team.

#328047 Copied

Kazi Sabit

Participant

July 2, 2022 at 09:53

On left side I have set border to -2 that is why on left side there is no gap but on right side I have also set border to -2 but this number not working as you can see big gap in right side.
Check the screen shoot. https://prnt.sc/OAH62sTK4Gbk

Also,
I want to remove TAB BORDER and keep only CONTENT BORDER
Check the screen shoot. https://prnt.sc/_YPK7pisi05g

#328048 Copied
Awais Ahmed

Participant

July 2, 2022 at 10:10
Hello, @Kazi Sabit,

1. On my end the left side is also showing the same space as the right side and also when you will remove the border using the below solution of point no 2 then that gap issue will be resolved too as well.

https://postimg.cc/rDmFwNHS

2. Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS and under Global Custom CSS and check back your site after removing the browser cache, It will remove the border you want.

https://postimg.cc/BP9X8PFJ
```
.elementor-element.elementor-widget-et-advanced-tabs .et-advance-tabs .et-tabs-content {
    border: 0 !important;
}
.et-advance-tabs.horizontal-style-3 .et-tabs-nav>ul .et-tab-nav {
    border-bottom: 1px solid #e1e1e1 !important;
}
```
Regards 8Themes Team.
#328052 Copied
Kazi Sabit

Participant

July 2, 2022 at 10:18

Check this video brother.
Left side does not have the same amount of space as the right. Not even in your screen shoot. I can clearly see that.

#328053 Copied

Kazi Sabit

Participant

July 2, 2022 at 10:27

Your code solve the tabs border removal but

Grid alignment not fixed.

See on the right there is a big gap

https://youtube.com/shorts/-nq5oKfc_ZI?feature=share

#328055 Copied

Kazi Sabit

Participant

July 2, 2022 at 10:46

https://youtu.be/hTS0ClWisTc

I have recorded from elementor so that you can understand the problem.

#328056 Copied

Awais Ahmed

Participant

July 2, 2022 at 10:55

Hello, @Kazi Sabit,

The right side gap is because you have used the wrong margins as -2, It surely affects the site responsiveness of the site, I have removed that -2 margins from your site and it is working fine now, Please check back your site now after removing the browser cache.

Regards 8Themes Team.

#328059 Copied

Kazi Sabit

Participant

July 2, 2022 at 11:00

https://youtu.be/eykilisMD_w

Please check the video. This is not my purpose.

#328060 Copied

Kazi Sabit

Participant

July 2, 2022 at 11:10

https://prnt.sc/KYe1V5JxXwmT

see the border gap between these 2 element. I want to make border gap less with the screen.

#328064 Copied

Awais Ahmed

Participant

July 2, 2022 at 11:14

Hello, @Kazi Sabit,

Actually, that was because of your own wrong Custom CSS, you set the width as 33%, and for 3 columns it becomes 99%, so 1% remains as the complete width must be 100%, I commented out that Custom CSS from your code: https://postimg.cc/rK848Zth and also removed the paddings as well and it solved the issue on mobile and now it is properly align with the tabs: https://postimg.cc/HcZqVhkQ

Hope it’s done and clear now.

Regards 8Themes Team.

#328065 Copied

Kazi Sabit

Participant

July 2, 2022 at 11:20

In mobile it is solve.
but in desktop can you solve it the same way?

#328066 Copied

Kazi Sabit

Participant

July 2, 2022 at 11:21

The 3 collumn code was given by you. I need 3 collumn brother. You removed it. I need 3 collumn.

#328067 Copied

Awais Ahmed

Participant

July 2, 2022 at 11:32

Hello, @Kazi Sabit,

Done It’s now 3 columns in mobile and also it is properly aligned with the tabs as well, please check back your site now after removing the browser cache.

https://postimg.cc/G8tX43Np

Regards 8Themes Team.

#328069 Copied

Kazi Sabit

Participant

July 2, 2022 at 11:40

Created 1 more problems. Product grid element is shrunken (the bottom one with 2 column)
https://prnt.sc/nYs7DRX70wuk

2. In desktop view the ajax product tab border is not alligned like the mobile view.
Check in the desktop

#328070 Copied

Awais Ahmed

Participant

July 2, 2022 at 12:10

Hello, @Kazi Sabit,

Check back now your site on Mobile and also on the Desktop as well, your reported issues have been solved now.

Regards 8Themes Team.

#328075 Copied

Kazi Sabit

Participant

July 2, 2022 at 13:54

Not solved!
https://prnt.sc/h4E9MCQS2ORr

You made the last element 3 column in mobile view and 3 column in desktop view! Damn it! Why? I changed it to 2 column on mobile & 6 column in desktop now it lost the alignment! Why making it so complex man?!

You ruined my whole day with just a simple issue! And final result – 0

#328094 Copied

Kazi Sabit

Participant

July 2, 2022 at 14:41

https://prnt.sc/qSquRQ_AV4g9

It looks aligned in elementor but when visiting in real website it bakes the alignment. check the picture in next reply

#328099 Copied

Kazi Sabit

Participant

July 2, 2022 at 14:43

https://prnt.sc/WM5JNqWldZRe
This is from mobile

#328100 Copied

Kazi Sabit

Participant

July 2, 2022 at 14:44

https://prnt.sc/ML42EmfWHB04
this is from desktop.

All cache cleared from mobile and desktop.

#328101 Copied
Tagged: best selling woocommerce themes, check, persuasive, screen shoot, seo friendly, woocommerce
1 2

Viewing 20 results - 1 through 20 (of 32 total)