|
squi
|
July 6, 2016 at 4:03 pm
I’d like to hide the Price and Date in the registration form.
I know I have to do it by writing css code in some existing files.
For example I have to add p.event_prices {display:none;}.
My only problem at the moment is, I dont know which file I have to extend with this code.
I’ve been using the blacktie theme. Somewhere I read one should write it directly to the file for the used theme.
I already tried to add it to:
event_espresso_free/templates/css/themeroller/black-tie and in there just added it at the bottom of the style.css file. Is this the correct procedure or do I have to add it somewhere else?
Thank you for your help!
(Running WP 4.4.4 and EE 3.1.37.6.1.L)
|
|
Lorenzo Orlando Caum
|
July 7, 2016 at 4:15 pm
Hello,
We don’t recommend editing any core plugin files as those will be removed and replaced when an update is run.
Instead, you can use a free WordPress plugin like Simple Custom CSS or Reaktiv CSS builder to hide that information.
Once you pick one, then install and activate and go to Appearance –> Custom CSS and then add your CSS there and save changes.
—
Lorenzo
|
|
squi
|
July 8, 2016 at 8:38 am
Hello Lorenzo
Thank you for your reply!
I installed Reaktiv CSS builder and inserted the code I posted above. Then hit save.
Nothing happened, everything still displayed as before. Do I have to add a root or something on which page it has to use the code?
Thanks a lot for your help!
Kind regards
|
|
Lorenzo Orlando Caum
|
July 9, 2016 at 10:44 am
Hi,
Your current CSS only removes the price. It does not target the date.
Try this instead:
p.event_prices, p.event_time, p.start_date {display: none;}
—
Lorenzo
|
|
squi
|
July 17, 2016 at 1:30 pm
Hi Lorenzo
Thank you for your reply!
Unfortunately it doesn’t work 🙁
If I put something like `body {
border: 10px solid red !important;
}`
in the custom css tab it will show a red line around the whole page, as it is expected.
But the code you posted above does not work. Do I have to specify the place where it has to be used like #page-99 or eventespresso-event-id-1 because none of these seem to work for my page…
Do I have to press a checkbox somewhere for custom css to be accepted by EE?
I appreciate your help! Kind regards!
|
|
Tony
|
July 18, 2016 at 6:23 am
If I put something like `body {
border: 10px solid red !important;
}`
The use of !important overrides any other styles in place and it becomes harder apply styles to specific areas if they are using important. I’d recommend against using it unless everything else fails.
Do I have to specify the place where it has to be used like #page-99 or eventespresso-event-id-1 because none of these seem to work for my page…
You don’t need to do that, but its good practice to only apply styles were they are needed, also the more specific your make a ruleset the more likely your rules will not be overridden by others.
It depends on what your doing as to how specific you need to make them, for example #page-99 will only apply styles within a page with that ID, if that’s something you want you can make it that specific, or use another class/ID.
Do I have to press a checkbox somewhere for custom css to be accepted by EE?
No, they should apply without doing anything further.
Either there is a syntax error in the css your using breaking all styles after that error (sounds unlikely if you acan apply other styles) or your currently rules are not specific enough and are being overridden.
Can you link us to the page so we can advise from there?
You may need to us something like:
#event_espresso_registration_form .event_prices,
#event_espresso_registration_form .event_time,
#event_espresso_registration_form .start_date {
display: none;
}
But again, it depends on whats actually happening on the page.
|
|
squi
|
July 18, 2016 at 11:44 am
Hi Tony
Your code works, you made my day! =D
Probably it didn’t work because of my p. in front of every command…
However, everything I wanted to disappear has disappeared, thank you very much for your help and explanations!
Kind regards from Switzerland!
|
