|
Ray
|
January 7, 2016 at 1:02 pm
Hi – I’m using the WPLMS template (http://themes.vibethemes.com/wplms/) and when I use the EE shortcode, the title of the page overlaps with the header. This only occurs when I use the EE shortcode. Any ideas why and how to fix?
Thanks!
|
|
Lorenzo Orlando Caum
|
January 7, 2016 at 1:23 pm
Hi Ray, that system isn’t something that I’m familiar with. Could you provide a link to a page with the issue?
—
Lorenzo
|
|
Ray
|
January 8, 2016 at 12:34 pm
Hi – here’s the page
http://dev.thebizu.com/class-calendar/
-
This reply was modified 9 years ago by
 Tony.
|
|
Tony
|
January 11, 2016 at 3:57 am
Hi Ray,
Could you send me a copy of the theme so I can take a look at this please?
If so you can send a copy to support[at]eventespresso.com
You will need to host the file on something like dropbox and include the link within the email.
|
|
Tony
|
January 18, 2016 at 7:37 am
Hi Ray,
Whats happening is your theme is always expecting a section with the ID of title to follow the header, it applies a style using an adjacent sibling selector (+) like this:
header + section#content, header + section#title {
padding-top: 90px;
}
In other words, if 2 elements are next to each other, the first a header and then a section with the ID title (or content) add 90px paddig to the top (to fix the overlap)
EE injects some hidden divs into the content which break the above selector.
A quick fix is to add something like this:
#espresso-ajax-notices + section#title {
padding: 90px;
}
Which applies the padding to the title if its next to the notice divs.
However I’m not sure how much (if any) that rule will effect any other pages, so you’ll need to double check once applied.
We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins or a child theme to add custom styles such as these.
|
