Skip Navigation

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

This support ticket is created 4 years, 6 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

Tagged: 

This topic contains 9 replies, has 3 voices.

Last updated by AlvaroB 4 years, 6 months ago.

Assisted by: Shane.

Author
Posts
#1361561
archive-page-2.jpg
archive-page-1.jpg

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

#1361623

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

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

#1362415
3-toolset-icons- wpbakery-builder.jpg
2-toolset-VERTICAL-scroll-bar.jpg
1-toolset-horizontal-scroll.jpg

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!!

#1362765

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

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

#1362835
toolset-1.jpg

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

#1362909

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Screenshot 2019-10-16 at 2.00.49 PM.png
Screenshot 2019-10-16 at 1.49.30 PM.png
Screenshot 2019-10-16 at 1.49.25 PM.png

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

#1365815

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

#1366565
zoom.jpg

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:

<a class="dt-pswp-item" href="{!{wpv-post-featured-image size='large' output='url'}!}"><img class="imgzoom aligncenter" src="{!{wpv-post-featured-image size='large' output='url'}!}" alt="" size='large' width='1000px' resize='proportional' /></a>

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

#1366795

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

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

#1368267

My issue is resolved now. Thank you!

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.