Wordpress Display Problems

bojar
5 Posts
bojar posted this 08 February 2017

Hi dear Support,
i am using a PlugIn for Events in Wordpress, but the styling is affected by Themler:

1.) The whole line with Event date and time is not well aligned (colon, bullets)
2.) The Buttons are not styled and look "ugly"

Demo: www.coaching-heischeid.de

The developer anwered to this with the following mail:

Thank you for contacting our dedicated Support Team. My name is Radu and I will be assisting you.

The Instructor description does not support code or other advanced content, you should use it for simple text or to make the instructor name a link.

Your display issues are caused by the theme section code where the schedule is placed. Unorthodox CSS like this:

.bd-bulletlist li a, .bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*=menu]) li a

is affecting the whole display. You have a rule that is forcing all text links to be blue. Also, there is a high specificity CSS rule that is overwriting the buttons' style. This high specificity is unnecessary and the theme developers should address it. The same goes for the class info area, where you have a text-indent: -10px; enforced rule for all list type elements.

Unfortunately, we can not help with these display issues as they are caused by the theme. You should either try placing the schedule in a theme section that does not overwrite styles or contacting the theme developers and ask them what is their solution for this. Let us know if we can help with anything.

Is there anything that i can do to avoid the incompatibility?
Thank you and best regards,

Matthias

Hi dear Support, i am using a PlugIn for Events in Wordpress, but the styling is affected by Themler: 1.) The whole line with Event date and time is not well aligned (colon, bullets) 2.) The Buttons are not styled and look "ugly" Demo: www.coaching-heischeid.de The developer anwered to this with the following mail: Thank you for contacting our dedicated Support Team. My name is Radu and I will be assisting you. The Instructor description does not support code or other advanced content, you should use it for simple text or to make the instructor name a link. Your display issues are caused by the theme section code where the schedule is placed. Unorthodox CSS like this: .bd-bulletlist li a, .bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*=menu]) li a is affecting the whole display. You have a rule that is forcing all text links to be blue. Also, there is a high specificity CSS rule that is overwriting the buttons' style. This high specificity is unnecessary and the theme developers should address it. The same goes for the class info area, where you have a text-indent: -10px; enforced rule for all list type elements. Unfortunately, we can not help with these display issues as they are caused by the theme. You should either try placing the schedule in a theme section that does not overwrite styles or contacting the theme developers and ask them what is their solution for this. Let us know if we can help with anything. Is there anything that i can do to avoid the incompatibility? Thank you and best regards, Matthias
wordpress styling events
Vote to pay developers attention to this features or issue.
6 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 09 February 2017

Hi,

Please provide the direct link to the page that demonstrates the issues and provide the screenshot with marked display issues.

Thank you,
Olivia

Hi, Please provide the direct link to the page that demonstrates the issues and provide the screenshot with marked display issues. Thank you, Olivia
bojar
5 Posts
bojar posted this 09 February 2017

Hi Olivia,

its directly on the frontpage. Image is attached.

On almost every Wordpress Site that i use with themler i have problems with the bulletpoints (misaligned or displayed when they are not used. So i use the following code to disable them in certain locations.

.nobullets li::before {
display: none !important;
}

When not using this code on the events container it is completely red and not usable.

Errors

Without disabling bulletpoints it looks like this:

enter image description here

Hi Olivia, its directly on the frontpage. Image is attached. On almost every Wordpress Site that i use with themler i have problems with the bulletpoints (misaligned or displayed when they are not used. So i use the following code to disable them in certain locations. > .nobullets li::before { display: none !important; } When not using this code on the events container it is completely red and not usable. ![Errors][1] Without disabling bulletpoints it looks like this: ![enter image description here][2] [1]: http://bojar-design.de/ch-errors.jpeg [2]: http://bojar-design.de/ch-errors-2.jpeg

Last edited 09 February 2017 by bojar

Stagger Lee
1818 Posts
Stagger Lee posted this 12 February 2017

You dont need this. On all controls, or Post content, there is More styles, ordered list. Force disable image (bullet) there. Circle with crossed red line.

You dont need this. On all controls, or Post content, there is More styles, ordered list. Force disable image (bullet) there. Circle with crossed red line.
Support Team
Support Team posted this 13 February 2017

Hi,

Indeed, you can open that page inside Themler, go to the Posts control>> Post Content >> More Styles >> Bullet List and remove the styles that are causing the different layout. If that does not help, please let us know, we'll make this case private so you could post the login details and we could access the site and review the settings.

Sincerely,
Hella

Hi, Indeed, you can open that page inside Themler, go to the Posts control>> Post Content >> More Styles >> Bullet List and remove the styles that are causing the different layout. If that does not help, please let us know, we'll make this case private so you could post the login details and we could access the site and review the settings. Sincerely, Hella
bojar
5 Posts
bojar posted this 14 February 2017

@Hella,

sure i can remove the bullet styles for the whole post content, but i need them on some pages.

That´s why im usind the css code to disable it on certain elements. But this does not work in this case....

@Stagger Lee,
thx for your reply. Not all controls have this option. For example when im using the "Theme Code" elemnt, there is no Option to disable bullet points.

@Hella, sure i can remove the bullet styles for the whole post content, but i need them on some pages. That´s why im usind the css code to disable it on certain elements. But this does not work in this case.... @Stagger Lee, thx for your reply. Not all controls have this option. For example when im using the "Theme Code" elemnt, there is no Option to disable bullet points.
Support Team
Support Team posted this 15 February 2017

Hi,

Try to add this code under the Home >> Settings >> Additional CSS:

.wpb_wrapper a {
    color: #456789!important;
}

That will control the color of all the links in the plug-in output. Use the desired color in the code.

Sincerely,
Hella

Hi, Try to add this code under the Home >> Settings >> Additional CSS: .wpb_wrapper a { color: #456789!important; } That will control the color of all the links in the plug-in output. Use the desired color in the code. Sincerely, Hella
You must log in or register to leave comments