Remove white space above and below text block with arrow remaining on top

[fmora617]

Hi Support,

I am looking to do two things that are related, on this page of my site –> http://dev.fmora.com/?page_id=12225

1) Remove the top white space between the main nav and black text block –> http://i.imgur.com/D2GrNMS.png

2) I am trying to achieve this –> http://i.imgur.com/9JbYJYd.png However, as you can see there is white space below the text block.

Your help is appreciated!

Thanks!
Fabian

[fmora617]

Hi –

UPDATE: I figured out how to do #1. I still have not figured out #2.

Your help with #2 is appreciated.

Thanks!

[Kyle – SUPPORT]

Hi

You need to use the extra classes:

mb0 = margin bottom 0
mt0 = margin top 0

So you would all mb0 mt0 to the extra class field of your full width assets

– Kyle

[fmora617]

Hi – I have done this however am not seeing the arrow –> http://i.imgur.com/De7v3WR.png I would like to have the arrow overlap the next text block below.

The page that has this issue is http://dev.fmora.com/?page_id=12225

Your help is appreciated.

Thanks.

[Kyle – SUPPORT]

Add this to your custom css:

.full-width-text:after {
  z-index: 2;
}

Also if you want to remove the remaining white space then add bb0 and bt0 to your sections (to remove the borders)

– Kyle

[fmora617]

Awesome – this worked! Anyway to have the white border around the arrow?

Fabian

[Kyle – SUPPORT]

Unfortunately not sorry

– Kyle

[fmora617]

No problem. Thank you. Your support is fantastic!

Fabian

[Kyle – SUPPORT]

No problem 🙂

[sodesigns]

Thanks for this!

ps- Is there a place to find all commonly used extra classes?

pps – Also, how would I write a new class to change the color of a button?

[Mohammad – SUPPORT]

Hi,
@sodesigns-:
1- There is no place for commonly used extra classes.

2- Which button color do you want ? I need specific detail.

Thanks
Mohammad