Post buttons look weird

Support
#1

Hi,
When going to a single post, the navigation arrows (going to next or previous post) look weird. How can I control them and change the way they look and where they are positioned on the page?
I am using essential grid.

Thanks!

#2

Hello @alonmg,

Thanks for writing in!

Could you please provide us with your website URL so we can take a closer look?

Thanks.

#3

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.x-nav-articles {
    width: 85px;
}
#4

Thanks! How can I move it down to the bottom of the post? And change it’s look?

#5

And I just tried this in the global CSS and it didn’t work :confused:

#6

In that case please provide us the site URL so we can take a closer look.

Cheers!

#7

See the secure note: Www.hasicha.org.il
Thanks!

#8

Hi,

You may try 90px;

.x-nav-articles {
    width:90px;
}

#9

No dice, and the arrows are still pointed in the wrong direction (right arrow on the left and left arrow on the right)

#10

Hi There,

Please update the previous CSS to this:

.x-nav-articles {
    width: 80px;
}
.x-nav-articles .next {
    float: left;
    margin: 0 !important;
}
.x-nav-articles .prev {
    float: right;
    margin: 0 !important;
}
#11

Hi,
Still no luck. It still doesn’t look correct.

Thanks,
Alon

#12

Hi Alon,

You can try this code instead.


.x-nav-articles {
    width: 90px !important;
}
.x-nav-articles .next {
    float: left !important;
    margin: 0 !important;
}
.x-nav-articles .prev {
    float: right !important;
    margin: 0 !important;
}

If that doesn’t help, kindly provide us your wordpress admin login in Secure Note.

Hope that helps

#13

Thanks, still no luck :confused: Can you help?

#14

Hi again,

I tried to check the site but it doesn’t exist, can you please double check the URL if it’s correct?

Thanks!

#15

Sorry - try hasicha.org.il

#16

Hi again,

Thank you for providing the URL, I went ahead and added the above code in your Customizer > Additional CSS and it worked just fine. Please clear your browser’s cache and reload the site.

Cheers!