The effects of alcohol on sustanon 250 leucine for – real weight loss & bodybuilding benefits?
Spacing and layout ...
 
Share:
Notifications
Clear all

Spacing and layout in comments and custom ratings

17 Posts
2 Users
6 Reactions
768 Views
Posts: 11
Topic starter
(@marsm)
Active Member
Joined: 3 years ago

Two issues that I need assistance with please.

1. The spacing between comments is huge. How can I condense this? This is a sample link: https://myhomefarm.co.uk/dyson-cyclone-v10-is-annoyingly-fussy

2. I have custom user rating fields. They work great but when they display in the post, they are under each other and take up a huge amount of space. This is also in the sample link: https://myhomefarm.co.uk/dyson-cyclone-v10-is-annoyingly-fussy

 

any assistance would be massively appreciated.

 

47039CFD 2E37 4B0D 95BD 2DE20CA33C2A
28A78D2A AA06 4666 AD08 58443AE675AD
16 Replies
Posts: 11
Topic starter
(@marsm)
Active Member
Joined: 3 years ago

I found the solution to issue 1:

.jetpack-comment-likes-widget-wrapper .comment-likes-widget iframe {
height: 18px !important;

 

Assistance with issue 2 still required.

 

Reply
15 Replies
Asti
 Asti
Support
(@asti)
Joined: 7 years ago

Illustrious Member
Posts: 7572

@marsm,

Please use the CSS code below:

.wpdiscuz-post-rating-wrap.wpd-custom-field {
    display:flex;
}
Reply
(@marsm)
Joined: 3 years ago

Active Member
Posts: 11

@asti, thank you. Worked perfectly. As an additional question, on the iPad, because we have 6-7 criteria, some circles fall off the screen. Is there potentially a fix for that?

Reply
Asti
 Asti
Support
(@asti)
Joined: 7 years ago

Illustrious Member
Posts: 7572

@marsm,

Could you please leave a screenshot?  

Reply
(@marsm)
Joined: 3 years ago

Active Member
Posts: 11

@asti, please attached issue. This is taken in the iPad, but it also appears on my macbook.

2650BCFA 70A3 46BF 81DE 8D8232435959
Reply
Asti
 Asti
Support
(@asti)
Joined: 7 years ago

Illustrious Member
Posts: 7572

@marsm,

Please remove the previously added code and use this one: 

.wpdiscuz-post-rating-wrap.wpd-custom-field {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.wpd-rating{
   width: auto;
}
Reply
(@marsm)
Joined: 3 years ago

Active Member
Posts: 11

@asti I’m afraid the new code has reverted it back a single line.

 

1C35550A 2603 4C66 BB56 058DBC33406C
Reply
Asti
 Asti
Support
(@asti)
Joined: 7 years ago

Illustrious Member
Posts: 7572

@marsm,

Please add the code and let us know. There shouldn't be such an issue. 

Reply
(@marsm)
Joined: 3 years ago

Active Member
Posts: 11

@asti, sorry, but I've just placed the code again and it runs the icons one under the other.

Reply
Asti
 Asti
Support
(@asti)
Joined: 7 years ago

Illustrious Member
Posts: 7572

@marsm,

we still don't see that you've added the code. Please keep it until we finish checking. 

Reply
(@marsm)
Joined: 3 years ago

Active Member
Posts: 11

@asti, I see. Sorry. I took it down. I've put it back and left it for you to see.

Reply
(@marsm)
Joined: 3 years ago

Active Member
Posts: 11

@asti, the code is up. Do you have any updates for us?

Reply
Asti
 Asti
Support
(@asti)
Joined: 7 years ago

Illustrious Member
Posts: 7572

@marsm,

Please see how it looks in our case. 

Reply
(@marsm)
Joined: 3 years ago

Active Member
Posts: 11

@asti where do I see that?

Reply
Asti
 Asti
Support
(@asti)
Joined: 7 years ago

Illustrious Member
Posts: 7572

@marsm,

here it is: https://www.screencast.com/t/ScKWoIzf

Reply
(@marsm)
Joined: 3 years ago

Active Member
Posts: 11

 @asti how strange. Just checked again on my iPad, cache cleared. Tried Chrome and Safari.

F2D6AF43 8293 41B6 BDC2 ECDF4C4B3A59
Reply
Share: