Support

Home Forums Event Espresso Premium EE3 CSS Query

EE3 CSS Query

Posted: November 27, 2014 at 2:45 pm

Viewing 3 reply threads


rob dore

November 27, 2014 at 2:45 pm

Hi,
After much hard work I have decided to drop EE4 for now and stick with what I know.
However, I have a large paragraph for people to accept a disclaimer and it is being squeezed into a narrow column. see the “Declaration” here: http://www.legendsofibiza.com/event-registration?ee=3
Please help me to identify the css code to spread this across the page.
Thanks
Rob


Tony

  • Support Staff

November 27, 2014 at 3:12 pm

Hi Rob,

As that question is a part of the registration form the styles that apply to the reg form questions apply to that label.

You can override the width of that label using this:

label[for="MULTIPLE_18"] {
width: auto;
}

Which will apply a auto width only to that label.

We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.


rob dore

November 27, 2014 at 4:26 pm

tried but no change. Should there be a # or a . somewhere in that code?


Tony

  • Support Staff

November 27, 2014 at 4:41 pm

No as you are not targeting an ID (#) or class (.) but a label element with the ‘for’ attribute set to “MULTIPLE_18”

Here is how it looks within Chrome Dev Tools – http://take.ms/hQuXC

However the ‘inspector-stylesheet’ has the highest specificity and will overrule all other rules. How are you adding that rule currently?

Viewing 3 reply threads

The support post ‘EE3 CSS Query’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso