Notifications

Clear all

Moving search icon and other styling difficulties

wpDiscuz Comment Search

Last Post by Tom 8 years ago

4 Posts

2 Users

0 Likes

3,380 Views

RSS

Posts: 1

Matti

Customer

Topic starter

Apr 01, 2016 8:26 pm

(@unelmamoottori)

Member

Joined: 8 years ago

Hi!

Some help with styling would be much appreciated:

1. In the search plugin demo I see styling in which the search icon (magnifying glass) is on the left of the search text field ( http://wpdiscuz.com/addons/wpdiscuz-comment-search-demo/). Mine is on top of the search text field

2. My sorting links (newest, oldest, most voted) are on top of each others, I'd like to have them side by side (as on your demos)

3. There seem to be some p and br markings when I look my site with firebug. These are adding too much extra white space.

All in all these add up to much vertical space vasted. You can see an example here: https://www.verkkovalmennus.com/tapa-oppiminen-tai-tee-siita-tapa/

I would very much appreciate some help on this. Jus purchased search, widgets and emoticons. WpDiscuz is beginning to feel quite awesome! =)

- Matti

3 Replies

Posts: 4171

Tom

Admin

Apr 01, 2016 9:44 pm

(@tomson)

Famed Member

Joined: 9 years ago

Hi Matti,

Thank you very much for your purchase. We're here to help with any issue you have.

First of all please make sure you use wpDiscuz 3.2.7 version.

Second, delete and once again delete all caches. We see caching issue.

Please let us know once you did that. And we'll provide with CSS code to fix all issues.

Third issue. For some reason your theme or some plugin adds <br> after each HTML tag. I don't see why you've added such a strange function. This affects whole wpDiscuz content. All are line-braked by this unnecessary function.

Also it would be very helpful if we have a list of all active plugins.

Posts: 4171

Tom

Admin

Apr 02, 2016 6:49 pm

(@tomson)

Famed Member

Joined: 9 years ago

We didn't get response from you. Please read my first post then this one. We've prepared some css to fix your issues.
First I must say that wpDiscuz layout and style is 50% crashed by your theme or by some custom CSS. We see lots of extra CSS code with !important statement. Those directly affects wpDiscuz. Please put this CSS code in wpDiscuz Settings > Styling Tab > "Custom CSS Code" textarea:

#wpcomm input[type="text"], #wpcomm input[type="email"], #wpcomm input[type="url"], #wpcomm input[type="search"]{padding:3px 5px !important; font-size:14px !important;margin:0 !important;height:29px !important; border-radius:0 !important;}
#wpcomm br {display:none;}
#wpcomm .wc-comment-footer p{ padding:0px; margin:0px; display:inline;}
#wpcomm .wpdiscuz-textarea-wrap  p{ padding:0px; margin:0px; display:inline;}
#wpcomm .wpdiscuz-textarea-wrap {border: 1px solid #f9f9f9!important; background-color:#fbfbfb!important;}
form .wpdiscuz-item{ padding: 4px 0!important; }
#search-box i.fa {padding: 2px!important;}

This will fix most of issues. If you already have a custom CSS in this textarea put the new code below (after that code).

Posts: 4171

Tom

Admin

Apr 02, 2016 6:53 pm

(@tomson)

Famed Member

Joined: 9 years ago

And one important question
How do you load wpDiscuz comments? Do you use shoedcode inside of post content? It seems wpDiscuz is being loaded with post content and all HTML line-breaks come with paragraphs (<p>) and line-breaks (<br>). Something is strange going on your website we want to figure it out.