How to move notific...
 
Share:
Notifications
Clear all

[Solved] How to move notification balloon?

13 Posts
2 Users
0 Likes
1,445 Views
Posts: 24
Topic starter
(@seatsfordeparture)
Eminent Member
Joined: 4 years ago

Hey guys I was wondering how can I move the window that appears whener you interact with the plugin? Like commenting ecc. I've got a sticky header in my website and I wanna move that window a little bit cause it doesn't look nice with it. Can you help me please?
I am attaching a screenshot so you get an idea

Screenshot 2020 07 01 at 07.33.33

 

 

12 Replies
Asti
Posts: 7054
 Asti
Support
(@asti)
Illustrious Member
Joined: 6 years ago

Hi @seatsfordeparture,

you can use this CSS code:

div#wpdiscuz-comment-message {
top: 600px;
right: 80px;
}

Just change the red marked values as you like.

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.  

Reply
Posts: 24
Topic starter
(@seatsfordeparture)
Eminent Member
Joined: 4 years ago

It works. Thank you so much. <3

Reply
Posts: 24
Topic starter
(@seatsfordeparture)
Eminent Member
Joined: 4 years ago

another thing, is it possible to set a maximum width and position the balloon at the center of the pages?

Reply
1 Reply
Asti
 Asti
Support
(@asti)
Joined: 6 years ago

Illustrious Member
Posts: 7054

@seatsfordeparture,

#wpdiscuz-comment-message.wpdiscuz-comment-message-auth{
top: 50%;
left: 36%;
max-width: 150px;
}

The code provided above.

Remove the previous code before adding this one. 

Please note, that we don't provide support for style customization, we may help in 1-2 simple questions related to colors and background but not more. We can not help you customize all components of website style, these are custom requirements and should be done by website owners. We only help with general questions and issues.

Thank you for your understanding.

You can find all classes by pressing F12 on the browser and opening Chrome or Firefox Console. 

This video may be helpful for you:

Reply
Posts: 24
Topic starter
(@seatsfordeparture)
Eminent Member
Joined: 4 years ago

Thank you again very much indeed.

The last code thought seems to have no effect whatsoever. Do you reckon why?

Reply
1 Reply
Asti
 Asti
Support
(@asti)
Joined: 6 years ago

Illustrious Member
Posts: 7054

@seatsfordeparture,

Try this one with !important statement. 

#wpdiscuz-comment-message.wpdiscuz-comment-message-auth{
top: 50% !important;
left: 36% !important;
max-width: 150px !important ;
}

 

Reply
Posts: 24
Topic starter
(@seatsfordeparture)
Eminent Member
Joined: 4 years ago

uhm..... nope. No changes. Any ideas?

Reply
1 Reply
Asti
 Asti
Support
(@asti)
Joined: 6 years ago

Illustrious Member
Posts: 7054

@seatsfordeparture,

Please leave some example URL to allow us to check it. 

Reply
Posts: 24
Topic starter
(@seatsfordeparture)
Eminent Member
Joined: 4 years ago
Reply
1 Reply
Asti
 Asti
Support
(@asti)
Joined: 6 years ago

Illustrious Member
Posts: 7054

@seatsfordeparture,

This one should work fine:

#wpdiscuz-comment-message {
top: 50%;
left: 50%;
max-width: 150px;
}
Reply
Page 1 / 2
Share: