Frontpage - Award Winning - text starts far left

Added text under the centered 'NO1' on the 'Award Winning' section of the Frontpage - and a lot more text than the demo demonstrates. Only problem, the text is starting far left, instead of in the middle like the demo (Multi award winning ski goggles...). This is causing the text to be behind the 4 buttons on the left (Award Winning, Unique Technology, Price Table, Custom).

How do I get that text to start more in the center of the page, instead of far left?

Try to use text editor instead of visual one and make sure that your content looks like:

Code: Select all

<div class="very-big-spaces parallax-bg">
<h2 class="gk-big-heading">N<span class="gk-number-block">1</span></h2>
<p>Multi award winning ski goggles with <br>the multi lens technology</p>
<p>Your text</p>
</div>


you can also replace first paragraph "Multi award..."

Forgot to say thank you on this one - so, thank you!! Also, <br> for each line (text edit only in WP, as you suggested - visual isn't so forgiving).

Hi Piotr, I got back into this more - realized I was not inputting the code you suggested correctly - got it now - so thank you!!

Little update though - now I would like the font for N1 on the Award Winning section within the Quark demo to be a little smaller - how do I go about doing that?

Hi,
Add the following css code:

Code: Select all

.gk-big-heading {
  font-size: 15rem;
}


with your own value.

Nice - thanks. Still running into problem with smaller text laying over when downsizing browser window. This doesn't happen on the Quark demo, even with window much smaller - why is that? Examples attached..

example1.jpg

example2.jpg

You have to use media queries in you override.css file:
https://www.gavick.com/blog/responsive- ... edia-query

and add another margin depends on the screen width, i.e.:

Code: Select all

@media (max-width: 1300px) {
  .gk-big-heading {
    margin-bottom: 100px;
  }
}


I have 3 letters for you... VIP.. Hahaha... Anyone reading this, Piotr is the man - if it's over your head like me, VIP... Thanks for the info Piotr, still going to try and figure this out, but I bought the VIP service anyways - you have been a lot of help, thank you!!