Docs

[Nick F]

Hi
Can you please help me with the css needed to change Essential Grid’s pagination to look consistent with the default pagination in the theme. I’m using the Renew stack.
Thank you
Nick

[Rupok]

Hi Nick,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Nick F]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for the URL but it seems your website is under construction. Please take it off or provide us the credentials in private reply so that we can check and assist you on this.

Thanks

[Nick F]

This reply has been marked as private.

[Rad]

Hi there,

May I know which essential grid, and what page? The login has no admin capability and can’t check it directly.

Thanks!

[Nick F]

This reply has been marked as private.

[Rad]

Hi there,

Now I’m getting this

Login is protected by 2-factor authentication. If your login details were correct, you will have received an email to complete the login process.
Warning: Repeated login attempts that fail will result in a complete ban of your IP Address.

Please check and let me know.

Thanks!

[Nick F]

This reply has been marked as private.

[Lely]

Hi Nick,

Yes we still need admin access. Unfortunately, we’re not using email here in the forum. It would be best if you could set up one for us and feel free to disable it once we’re done checking.

[Nick F]

This reply has been marked as private.

[Christopher]

Hi there,

I think I entered your email address instead of user name and it didn’t send the link to provided email address.
If it’s possible, please disable 2-factor authentication temporarily so we can easily access to your dashboard.

Thanks.

[Nick F]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

article.esg-filters.esg-singlefilters {
    display: table;
    margin: 0 auto;
    padding: 6px;
    background-color: #f2f2f2;
    border-radius: 100em;
    padding: 5px 5px 0;
}
.esg-navigationbutton.esg-filterbutton.esg-pagination-button {
    float: left;
    margin: 0 3px;
    width: 26px;
    height: 26px;
    font-size: 11px;
    font-weight: 400;
    line-height: 23px;
    text-decoration: none;
    color: #ddd;
    background-color: #fff;
    border-radius: 100em;
    padding: 0px 9px;
    box-shadow: none;
    border: none;
-webkit-transition: color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease;
    transition: color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease;
}
.minimal-light .esg-left, .minimal-light .esg-right {
    padding: 0px 11px;
    margin: 0 3px;
    width: 26px;
    height: 26px;
    font-size: 11px;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none;
    color: #ddd;
    background-color: #fff;
    border-radius: 100em;
    padding: 0px 5px;
    box-shadow: none;
}
 .minimal-light .esg-filterbutton.selected {
    color: #fff !important;
    background-color: #2a2a2a !important;
    box-shadow: none !important;
}
.minimal-light .esg-navigationbutton:hover, .minimal-light .esg-filterbutton:hover, .minimal-light .esg-sortbutton:hover, .minimal-light .esg-sortbutton-order:hover, .minimal-light .esg-cartbutton a:hover {
    background-color: #ff433f !important;
    color: #fff !important;
}
.minimal-light .esg-right {
    float: right;
}
.minimal-light .esg-left {
    float: left;
}

.eg-icon-right-open:before {
    content: "→";
    color: #ddd;
}
.eg-icon-left-open:before {
    content: "←";
    color: #ddd;
}

Hope that helps.

[Nick F]

Thanks Christopher
The CSS you provided needed a lot of work but was exactly the start I needed to get it sorted. Thank you

[Author]

Posts