[Resolved] More problems with CSS with DIVI and Bootstrap

[Author]

Posts

[Francisco Ramón Molina Busquiel]

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.

[Luo Yang]

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;
}

[Francisco Ramón Molina Busquiel]

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.

[Luo Yang]

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.

[Francisco Ramón Molina Busquiel]

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.

[Luo Yang]

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;
}

[Francisco Ramón Molina Busquiel]

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

[Luo Yang]

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/

[Francisco Ramón Molina Busquiel]

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?

[Luo Yang]

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?

[Francisco Ramón Molina Busquiel]

But I refer to the shop page:
https://toolset.com/forums/topic/bad-appearance-of-the-elements-of-the-products-woocommerce/

[Luo Yang]

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

[Francisco Ramón Molina Busquiel]

Here it is:
https://toolset.com/forums/topic/bad-appearance-of-the-elements-of-the-products-woocommerce-for-luo/
Thanks for your help.

[Luo Yang]

Can we close this one and follow your thread here:
https://toolset.com/forums/topic/multiple-problems-in-divi-header-by-bootstrap-very-very-urgent/

[Francisco Ramón Molina Busquiel]

Ok. Thanks.