Remove whitespace between main menu bar and top of revolution slider

[AuthenticUK]

Hi,

Please view our portfolio pages here: http://www.authentic-representation.com/portfolio/amangwane-kosi-bay/

We would like some custom CSS to remove the whitespace under the main nav and above the revolution slider images. We’re not using the headings etc designed to go there.

The CSS should display the portfolio items exactly as the home page items – no gap between the top of the slide and the navigation bar here – http://www.authentic-representation.com/

Thanks,

J

[Cosmin – SUPPORT]

Hi,

Try with this, it’s customized to that particular page:

.postid-208 article#208, .postid-208 #208 .body-text {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

Regards,
————————————————————————————————————

Cosmin – Support

[AuthenticUK]

Thanks – where does that CSS go?

[Cosmin – SUPPORT]

Pinpoint Options/General/Custom CSS

Regards,
————————————————————————————————————

Cosmin – Support

[AuthenticUK]

Hi… no that does not work 🙁
J

[Ben – SUPPORT]

I can’t seem to see your custom css please make sure you’ve added it to “General Settings / Custom CSS” and save

Thanks
Ben

[AuthenticUK]

Hi Ben,

Can confirm the CSS is there – see attached. This is achievable on a page with a provided checkbox and works perfectly – it puts the rev slider directly under the nav. The CSS fix doesn’t work – can you implement this into the theme itself on the portfolio item with a checkbox and upgrade the theme?

If I didn’t want to use the portfolio carousel it wouldn’t be such an issue – I could just use pages, but this defeats the whole purpose of the portfolio functionality.

Having a big chunk of whitespace above the fold like this is a waste of screen real estate! It looks daft.

J

[Cosmin – SUPPORT]

Hi,

I had the code tested and it was written specifically for that page of yours. Are you using it on a different page?

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[AuthenticUK]

Cosmin, Thanks – no it doesn’t work on that page – but I would want to apply it to every property in our portfolio…

The theme has a checkbox performing similar functionality on WP pages – might it be easier to add this in the framework?

Would appreciate a fix to this – even if it’s in a forthcoming theme tweak.

J

[Cosmin – SUPPORT]

article, .body-text {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

^ That should be site-wide available. You still have some margin on that “Amangwane Kosi Bay” portfolio, because you have a figure element in there, that is not populated with any image. Do you have something inserted in the page builder before the slider in there?

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[AuthenticUK]

Thanks – That’s removed nearly all the whitespace, but there is around 30px left. There is no other item above the Revolution Slider. There is no HTML code above the Revolution Slider.

Any thoughts?

J

[Cosmin – SUPPORT]

Hmm, the figure element is still there, that’s what’s causing it.

Add an extra page class, name it “no-rev-spacing” (no quotes)

Then, add this custom CSS:

.no-rev-spacing .media-wrap { display: none; }

Regards,
————————————————————————————————————

Cosmin – Support

[AuthenticUK]

Emm… added the class to the rev slider and style.css file, cleared browser cache – it’s not working 🙁

[Cosmin – SUPPORT]

Apologies, my mistake with the class – you can remove it.

Use this instead of the code above:

.single-portfolio article .media-wrap { display: none !important; }

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[designprime]

Sorry, ignore as we posted this in the wrong forum as we searched for similar topics and didn’t realise.