Notifications

Clear all

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,589 Views

RSS

Posts: 2601

dimalifragis

Topic starter

Sep 17, 2021 4:58 pm

(@dimalifragis)

Famed Member

Joined: 6 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: 6 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: 6 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: 6 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: 6 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: 6 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: 6 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