Notifications

Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

wpForo 1.x.x [Closed] Arrow in Paging appeared !!

How-to and Troubleshooting

Last Post by Tutrix 4 years ago

8 Posts

3 Users

3 Reactions

1,403 Views

RSS

Posts: 2601

dimalifragis

Topic starter

Sep 17, 2021 4:58 pm

(@dimalifragis)

Famed Member

Joined: 5 years ago

Hello.

Any ideas why a dropdown arrow appeared in the paging in a topic? Wasn't there and also i doesn't appear in this site (here).

Thanks

Screenshot.png

7 Replies

Posts: 1522

Tutrix

Sep 18, 2021 5:04 am

(@tutrix)

Noble Member

Joined: 5 years ago

@dimalifragis

I think your WP theme overrides the CSS formatting that hides the arrow

#wpforo #wpforo-wrap .wpf-navi select.wpf-navi-dropdown {
    appearance:none; 
    width:auto; 
    -webkit-appearance:none; 
    -moz-appearance: none; 
    font-size:12px;
    padding:1px 10px!important; 
    margin:0 1px 0 2px; 
    cursor:pointer;
}

try it with !important;

#wpforo #wpforo-wrap .wpf-navi select.wpf-navi-dropdown {
    appearance: none !important;
     -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

2 Replies

dimalifragis

(@dimalifragis)

Joined: 5 years ago

Famed Member

Posts: 2601

Sep 18, 2021 8:58 am

Reply to

Tutrix

@tutrix Hello and thanks.

The theme is Neve and the above doesn't seem to solve the issue. I have tried also myself to fix that, with no luck.

Chris

(@chris)

Joined: 4 years ago

Famed Member

Posts: 3611

Sep 18, 2021 9:40 am

Reply to

dimalifragis

Hi @dimalifragis,

Please give us the forum URL.

In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.

Posts: 1522

Tutrix

Sep 18, 2021 9:46 am

(@tutrix)

Noble Member

Joined: 5 years ago

@dimalifragis

then it should come from here (Neve Theme)

select {
 min-height:35px;
 background-repeat:no-repeat;
 background-position:right;
 background-size:18px;
 padding-right:20px!important;
 background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzYyNjI2MiIgZD0iTTE1IDhsLTQgNi00LTZoOHoiLz48L3N2Zz4=)
}

try

#wpforo #wpforo-wrap .wpf-navi select.wpf-navi-dropdown {
    background-image: none;
}

or

#wpforo #wpforo-wrap .wpf-navi select {
    background-image: none;
}

Posts: 1522

Tutrix

Sep 18, 2021 9:59 am

(@tutrix)

Noble Member

Joined: 5 years ago

@chris

the inserted css code is not applied correctly

background-image: url(data:image/svg+xml;base64,

becomes

background-imageimage/svg+xml;base64,

see my post above

Posts: 2601

dimalifragis

Topic starter

Sep 18, 2021 10:57 am

(@dimalifragis)

Famed Member

Joined: 5 years ago

@tutrix thanks a lot, it works fine, still your last post worried me. If something wrong after applying this css change?

@chris I'm a bit shy to post in public urls of forums, due to spam attaction in the future. But thanks for the reply.

1 Reply

Tutrix

(@tutrix)

Joined: 5 years ago

Noble Member

Posts: 1522

Sep 18, 2021 11:29 am

Reply to

dimalifragis

Posted by: @dimalifragis

@tutrix tstill your last post worried me. If something wrong after applying this css change?

no 😉

this was a problem with the editor
the editor has removed the spaces and thus displays the CSS code incorrectly

select {
    min-height: 35px;
    background-repeat:no-repeat;
    background-position:right;
    background-size:18px;
    padding-right:20px !important;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzYyNjI2MiIgZD0iTTE1IDhsLTQgNi00LTZoOHoiLz48L3N2Zz4=);
}

watch the video > https://www.screencast.com/t/zB0kx29nu