Tagged: CSS, enfold, top margin
Hi,
I’ve got pages with a really ugly big gap in the text, cause by a large top-margin of 50px.
I’ve created a css-snippet in the quick css of the theme:
body .column-top-margin {
margin-top: 10px !important;
}
But it doesn’t overrule the original css, so the gap remains.
For instance here, above the heading ‘Open Inschrijving’
http://www.evenaarenpartners.net/workshops-en-trainingen/mijn-sociale-onderneming/
The code apparently comes from shortcodes.css.
What can I do to remove it, besides customizing the top-margin of this row individually on all pages (which is a lot of work that I don’t want to do..)
Hey boemedia,
Try the following instead:
body .column-top-margin {
margin-top: 20px !important;
}
Best regards,
Rikard
Hi Rikard,
Your code seems to be the exact same code as mine, only 20px instead of 10px? So it’s not working either.
I can change it temporary, via firebug. But it’s not working when I add it to the theme’s quick css.
Kind regards,
Monique
Hey!
Do you mind creating a temporary admin login and posting it here privately? I believe there is an error in your custom CSS.
Cheers!
Yigit
See login in private part of this message.
Kind regards,
Monique
Hi!
Can you please try adding the code to Style.css file of your child theme and check if it works?
Regards,
Yigit
Ok that worked, thanks!
(I was trying to make it easier for my client to only make changes within the admin of WP, but apparently this is not always an option…)
Hey!
Please make sure that wp-content/uploads folder has correct permissions ( 755 ) – http://codex.wordpress.org/Changing_File_Permissions
Cheers!
Yigit