Skip Navigation

[Resolved] More problems with CSS with DIVI and Bootstrap

This support ticket is created 6 years, 11 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.

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

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 15 replies, has 2 voices.

Last updated by Francisco Ramón Molina Busquiel 6 years, 10 months ago.

Assisted by: Luo Yang.

Author
Posts
#587322
2017-11-07_21-42-41.jpg

As you can see in the screenshot the links to see the 'Oldest entries' and the 'Next entries' in this new CPT are displayed together.
hidden link
Thanks for your help.

Best regards,
Francisco R.

#587400

Dear Francisco,

It is a CSS problem, you can try to add some CSS codes setup the margin of those two links, for example:

div.pagination div.alignleft{
margin-right: 40px;
}
#587773

But it is that 'Entradas siguientes' should be shown exactly on the right side of the page.
You may have to disable bootstrap for these pages, as Nigel has done in the following ticket:
https://toolset.com/forums/topic/bad-appearance-of-the-elements-of-the-products-woocommerce/
But how can you disable bootstrap for these pages?

Thanks for your help Luo.

#587869

It is not recommended to disable bootstrap CSS file, but if you insist on it, you can modify the PHP codes
https://toolset.com/forums/topic/bad-appearance-of-the-elements-of-the-products-woocommerce/#post-586056
from:

if ( is_post_type_archive( 'product' ) ) {

To:

if ( is_post_type_archive( 'product' )  || is_post_type_archive('historial-versiones') ) {

This will be able to check if it is archive page of post type "historial-versiones" too.

#587982

Why do you say it is not convenient to disable Bootstrap for some pages?
What would the CSS code look like to correct the problem I'm having and put 'Entradas siguientes' on the far right of the page?
Thanks for your help Luo.

#588351

Q1) Why do you say it is not convenient to disable Bootstrap for some pages?
It is not recommended to disable bootstrap CSS file, it will disable bootstrap features, and conduct other unexpected result

Q2)What would the CSS code look like to correct the problem I'm having and put 'Entradas siguientes' on the far right of the page?
You can try this CSS code:

div.pagination {
display: inherit !important;
}
#588387

> It is not recommended to disable bootstrap CSS file, it will disable bootstrap features, and conduct other unexpected result

So what Nigel told me in this ticket is wrong?
https://toolset.com/forums/topic/bad-appearance-of-the-elements-of-the-products-woocommerce/
On this page, Bootstrap has been disconnected.

#588397

I won't say it is wrong, it depends on yourself, if you want to disable Booststap in that page, you can try the workaround mentioned in your thread:
https://toolset.com/forums/topic/bad-appearance-of-the-elements-of-the-products-woocommerce/

#588404

This was Nigel's advice, but if you say it's not convenient to disable Bootstrap, then you should look for a solution with CSS only. Dont you think?

#588418

Yes, I have already provide a CSS solution above:
https://toolset.com/forums/topic/more-problems-with-css-with-divi-and-bootstrap/#post-588351
Does it work for you?

#588427
#588434

That is a new question, please create new thread for new question, that will help other users to find the answers.

#588456
#588996
#589058

Ok. Thanks.

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