Problem with Fancy Header and Boxed Content

[deejayhart]

This is really annoying now. Firstly, the header text is clearly not vertically centred – it is too high up.

Secondly – I don’t know how to put a gap above and below the white box so that the text is “floating” – just the same principle as using 1/4 spacers left and right, but cannot seem to do it. All three colums are in a fullwidth row.

Many thanks for your help. Will send login details as a private reply too.

[deejayhart]

This reply has been marked as private.

[deejayhart]

What?! And why is there a HUGE gap on this page, when I saved the element and just used the same one?!

http://www.9junkies.co.uk/about-us/

[Kyle – SUPPORT]

Hi

1) Will check this

2) On the row add a vertical margin

3) Check now?

– Kyle

[deejayhart]

Hi Kyle – could you please try and fix this – been away. I just want a 60 pixel gap at top and bottom so that the text box in “about us” is surrounded by video?

Many thanks!

[Kyle – SUPPORT]

Hi

Done that for you

– Kyle

[deejayhart]

Cool, thanks – also how do I remove social icons from mobile header?

[Mohammad – SUPPORT]

Hi,
I have resolved it through Admin -> Theme Options -> Mobile Options -> Mobile Top Bar Text -> Remove social shortcode from there.

Thanks
Mohammad

[deejayhart]

I can see this in the boxed content – CSS.

col-md-offset-2

So I can learn, what did you add, and where did you put it, please? I see it centres the box, but if I make that column 1/2 rather than 2/3, it doesn’t quite do it…

Thanks!

[Mohammad – SUPPORT]

Hi,
My colleague, Kyle will assist you shortly.
Thanks
Mohammad

[Kyle – SUPPORT]

Hi

Yes, the theme is built on a 12 column grid, when you’re box is 2/3, that’s equivalent to 8/12, so to centre it you will need to push it 2 columns to the right. You can learn about offsetting here: http://getbootstrap.com/css/#grid-offsetting

– Kyle