[Resolved] Problem with archive (theme the7) Bootstrap 4

[Author]

Posts

[AlvaroB]

I am trying to: Hi, I have the same problem that you solved in this ticket https://toolset.com/forums/topic/problem-with-archive-theme-the7/ but as you can see the capture I added the css:
#main {
   overflow: auto;
}

but the Archive page still not seen correctly, it only show 80px height, I think the problem is with Bootstrap 4.

Link to a page where the issue can be seen: hidden link

I expected to see: The whole page, but it only show 80px height on Div ##main

HERE IS THE ACCESS TO THE BACKEND:
hidden link
USER: 4Nv_nX6HWpYK3x@pb
PASSWORD: dZ#U9P3ySBGT8ArBR6k2fs*K

if you cannot access please send me your i.p

[Shane]

Hi Alvaro,

Thank you for getting in touch.

This is definitely an issue with your theme and bootstrap compatibility. Unfortunately this is not an issue that we can fix since it would be up to your theme author to clear up compatibility issues with bootstrap.

You can use this and set a fix height

#content{
height: 1000px;
}

Or you can just opt to use bootstrap 3 instead since your theme is having compatibility issues.

Thanks,
Shane

[AlvaroB]

Hi I have move the site to the final domain, hear is the new access, you will nedd to access because is in maintenance:

I change to Bootstrap 3 and now is ok.

First of all, thank you very much for your help and excuse my ignorance.

Now I have diferents "errors":
1- Here hidden link you can see there is a horizontal scroll, I attach screenshot "1-toolset-horizontal-scroll.jpg".

2- In this page hidden link there are 2 buttons "SUBSCRIBE NOW" and "SEND IT HERE!", these 2 buttons should open a "lightbox" and now they do not work, you can see in the same page hidden link they work and they were also centered. Also It has the horizontal screll bar

3- In this page hidden link is showing a second vertical scroll bar, I attach screenshot "2-toolset-VERTICAL-scroll-bar.jpg".

4- As you can see in the attached screenshot "3-toolset-icons- wpbakery-builder.jpg" the icons are no showing and when I click in the arrow to show the others Icons it do not work.

Many many thanks!!

[Shane]

Hi Alvaro,

I checked on this for you.

1- Here hidden link you can see there is a horizontal scroll, I attach screenshot "1-toolset-horizontal-scroll.jpg".

- I'm not seeing this horizontal scroll bar doesn't appear for me the page loads normally.

2- In this page hidden link there are 2 buttons "SUBSCRIBE NOW" and "SEND IT HERE!", these 2 buttons should open a "lightbox" and now they do not work, you can see in the same page hidden link they work and they were also centered. Also It has the horizontal scroll bar

I believe this is a setup issue, not sure how this page has the "hlb" in the slug and its the same exact page.

3- In this page hidden link is showing a second vertical scroll bar, I attach screenshot "2-toolset-VERTICAL-scroll-bar.jpg".

This page here isn't built with toolset so it could be an issue with the Page builder blog lister.

4- As you can see in the attached screenshot "3-toolset-icons- wpbakery-builder.jpg" the icons are no showing and when I click in the arrow to show the others Icons it do not work.

This one is also another issue with the page builder so I would recommend contacting the builder's support forum directly for this issue.

Thanks,
Shane

[AlvaroB]

Please all these problems did not come before with bootstrap 4. Did you see the attached image?

1-can you see a white space before the footer in this page? hidden link
Attached capture marking the white space with an arrow. could you tell me how can i remove it?

2- about hidden link the same page was working with bootstrap4 on hidden link you can see Here the buttons work, you know why this may be happening?

PLEASE PLASE HELP ME

[Shane]

Hi Alvora,

I dont think any of these issues are being caused by bootstrap. The reason is because the links for both site that you've sent are both importing bootstraps and one site isn't showing any issues at all so I believe its an issue with the template itself.

1-can you see a white space before the footer in this page? hidden link
Attached capture marking the white space with an arrow. could you tell me how can i remove it?

A - The white space here is because something is missing if you look at the link here
hidden link

You will notice at the bottom there is the post Meta in that white space.

However on the link here
hidden link

There is nothing. See Screenshots

This is an issue that is present even when bootstrap is disabled.

2- about hidden link the same page was working with bootstrap4 on hidden link you can see Here the buttons work, you know why this may be happening?

The problem right here is definitely not with bootstrap and I can confirm this. It is actually with the import links here. See Screenshot

I had to change them from http to https because they were being blocked because the reference links were not secure. The modals are loading fine now.

Please let me know if this helps.

Thanks,
Shane

[Christian Cox]

Hello, Shane is out on holiday today but will return tomorrow to continue assisting you.

[AlvaroB]

Hi I hope you

You may hel me with this and close the ticket, please! just this

* I like to have a zoom link in the featured image of a custom post type, I add this code to the templete:

But as you can see here hidden link also you can see it on the attached screenshot, you can see is working but the zoom image is not centered, may be you know what I am doing wrong. many many thanks

[Shane]

Hi Alvaro,

Thank you for the patience.

Is this lightbox created using a plugin ?

If so could you let me know which one it is?

Thanks,
Shane

[AlvaroB]

My issue is resolved now. Thank you!