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 2 years, 4 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

Rose Tyler

Support staff

July 2, 2022 at 14:48

Hello,

We are trying our best to help, and hope for your understanding.
We are ready to give you a refund if you are not satisfied with using our theme. Refund request can be submitted here – https://themeforest.net/refund_requests/new
Let us know your decision.

Regards

#328102 Copied

Kazi Sabit

Participant

July 2, 2022 at 14:49

So you can’t solve the problem right?
If yes lets go with refund

#328103 Copied

Rose Tyler

Support staff

July 2, 2022 at 14:53

Hello,

You are using CDN, it can be reason for different displaying in the editor and on the frontend. If clearing the CDN cache doesn’t help, try to temporarily disable it.

Regards

#328104 Copied

Kazi Sabit

Participant

July 2, 2022 at 14:55

I don’t use cdn brother. I experienced, sometimes it gets resolved its self. As it is showing aligned in elementor but in website it it looks different. Lets wait for a while see what happen.

#328105 Copied

Rose Tyler

Support staff

July 2, 2022 at 14:59

Hello,

Ok.
https://prnt.sc/-QXpVninR_Dw – try to contact your hosting provider to clarify if CDN cache is used and if there possibility to temporarily disable it while the work on site isn’t finished.

Regards

#328106 Copied

Kazi Sabit

Participant

July 2, 2022 at 15:01

I don’t use CDN. I happened to use CDN 1 month ago. But then I told them to disable it. So, no issue from CDN i guess. You can check if all the codes you entered are OK.

#328107 Copied

Kazi Sabit

Participant

July 2, 2022 at 16:33

Here i found the main problem.
Check the video.

https://youtu.be/ksW-CcNO9SY

#328123 Copied

Rose Tyler

Support staff

July 2, 2022 at 17:03

Hello,

Yes, you are right. It should be checked by our dev team. I can’t give you a solution right now, unfortunately. Please be patient, you will get an answer after the weekend.

Regards

#328131 Copied

Kazi Sabit

Participant

July 2, 2022 at 17:11

I will be waiting

#328134 Copied

Rose Tyler

Support staff

July 4, 2022 at 07:26

Hello,

Please provide FTP access also.
If you do not know how to create FTP contact with your hosting provider, they will help you.

Regards

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

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