Notifications
Clear all

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

8 Posts
3 Users
3 Reactions
1,135 Views
dimalifragis
Posts: 2611
Topic starter
(@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

7 Replies
Tutrix
Posts: 1496
(@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: 2611

@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: 3 years ago

Famed Member
Posts: 3627

Hi @dimalifragis,

Please give us the forum URL.

Tutrix
Posts: 1496
(@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;
}
Tutrix
Posts: 1496
(@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

dimalifragis
Posts: 2611
Topic starter
(@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: 1496
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