Docs

[Geert S]

Is it possible, by some magic, to make the ajax pagination buttons on the blogroll page more like the general style buttons I use on my site -like the Previous button here: http://www.deconstructionart.com/making-holes-people-walls/

My site is here: http://www.deconstructionart.com/
All is up to date.
Login details to follow (private).

[Geert S]

This reply has been marked as private.

[Jade]

Hi there,

You can add this under Custom > CSS in the Customizer.

.x-pagination a, .x-pagination span {
    padding: 0.563em 1.125em 0.813em;
    font-size: 16px;
    color: #0c0c0c;
    background-color: #ffffff;
    width: auto;
    height: auto;
    line-height: 1em;
    box-shadow: none;
    border: 1px solid #b0bebe;
    border-radius: 0;
}

.x-pagination span.current {
    box-shadow: none;
}

Hope this helps.

[Jade]

Hi there,

You can add this under Custom > CSS in the Customizer.

.x-pagination a, .x-pagination span {
    padding: 0.563em 1.125em 0.813em;
    font-size: 16px;
    color: #0c0c0c;
    background-color: #ffffff;
    width: auto;
    height: auto;
    line-height: 1em;
    box-shadow: none;
    border: 1px solid #b0bebe;
    border-radius: 0;
}

.x-pagination span.current {
    box-shadow: none;
}

Hope this helps.

[Geert S]

Wow, that’s great, thanks a million! 🙂

One further question, though:
I have a childtheme (maybe should have mentioned that earlier). But this is now in customizer/custom/css -it didn’t work when I added it in style.css via appearance/edit.

If I remember correctly, that means it will disappear with the next update. Is there a way to put it in my childtheme forever and ever? By moving a particular file on the server to the childtheme folder and adding this css there?

[Joao]

Hi There,

You can add the the CSS on the style.css of your Child Theme.

You can find this file inside your child theme folder on Wp-Content/Themes/X-child

Hope that helps

Joao

[Geert S]

Thanks, I’ll try that later!

Just one more thing -isn’t there always… 😉

In an ideal world I would like to have the ajax buttons change color when hovered (just the border). I tried a few things with hove-border-color and border-hover-color, but let’s face it, I’m shooting in the dark. I’m starting to see patterns in the css, but very little beyond that.

Could you point me in the right direction, please?

[Nabeel A]

Hi again,

Please add this code in your Child Theme:

.x-pagination a:hover {
    color: #7a7a7a !important;
    border: 1px solid #e50202 !important;
}

Let us know how this goes!

[Geert S]

Wow, that’s awesome! Thanks once more. 🙂

The only odd thing is this: both your suggestions work perfectly wheb I put them in Customise/Custom/CSS, but not when I try to put them in my childtheme via Appearance/edit/style.css.
It’s not a big deal, but is there an explanation for that? I’ve added quite some code to the style.css lately (all from this wonderful forum) and so far I had gotten everything to work that way.

Just wondering, like I said, it’;s no big deal. The important thing is that I’m very happy with your help! 🙂

[Rue Nel]

Hello There,

This is the order of styles being rendered on the page.
– Stack Style
– Child theme style
– Customizer settings
– Customizer custom css
– Cornerstone custom css

If you want to place your styles in the child theme and prevent it from being overridden by other styles, please use this instead:

.x-child-theme-active .x-pagination a, 
.x-child-theme-active .x-pagination span {
    padding: 0.563em 1.125em 0.813em;
    font-size: 16px;
    color: #0c0c0c;
    background-color: #ffffff;
    width: auto;
    height: auto;
    line-height: 1em;
    box-shadow: none;
    border: 1px solid #b0bebe;
    border-radius: 0;
}

.x-child-theme-active .x-pagination span.current {
    box-shadow: none;
}

.x-child-theme-active .x-pagination a:hover {
    color: #7a7a7a !important;
    border: 1px solid #e50202 !important;
}

We would loved to know if this has work for you. Thank you.

[Geert S]

Good morning! (well, over here it is)

Thank you very much for explaining. With that list of priorities it makes more sense to me.

I’ve tried your suggestion, but it doesn’t seem to work, no matter how much I refresh. Logically speaking, based on the list of priorities above, would that mean that something in the Customizer settings is secretly overriding the css in the child theme style?

[Lely]

Hello Geert,

I want to check but then your site seems down at the moment. See attached screenshot.

[Geert S]

It should be accessible now (it is here).

My provider had a huge server crash last weekend and I think they’re still trying to get over it.

[Jade]

Hi Geert,

There was a missing closing curly brace } before the code you have added for the buttons which stopped the code from working in the style.css.

I have gone ahead an fixed it.

[Geert S]

Shame on me me, sorry to create unnecessary problems. 🙁

Thank you all very much for solving this, you guys and gals are still the best!

[Author]

Posts