Docs

[Josh Hayles]

Hi there! If you visit http://www.geniushomeowners.com and look at the white space between the header and first headline, how do I edit that white space? I have everything set to “0” on my paddings already. I want to basically move everything up a couple of pixels.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.x-text.cs-ta-center h5 {
    margin-top: 0
}

Hope it helps 🙂

[Josh Hayles]

Thank you! Does it matter where I place that CSS in terms of at the top or bottom of the rest of the code?

[Thai]

Hi Josh,

The provided CSS should be put at the end of your custom CSS.

Regards!

[Josh Hayles]

Thank you. I’m sorry but I have a couple of more questions:

1) If I edit the pixels for the header section inside Cornerstone will that override the custom CSS you gave me? I really just want the heading to be a few pixels off of the header.

2) How can I make that code apply to all pages across my site?

[Rue Nel]

Hello There,

#1] For best results and easy access, you can insert an inline css directly to your heading like this:

<h5 style="text-align: center;" style="margin-top: 0;"><span style="color: #828282;">Weekly COMPS and market insight for Westover Park, Victory Lakes, Magnolia Creek, Tuscan Lakes, Brittany Lakes, Westwood & &nbsp;Harbour Park.</span></h5>

Noticed that we added style="margin-top: 0;". This is the inline css. If you wanted to remove some more extra white spaces, you also need to consider the spaces generated of the adjacent section such as this: http://prntscr.com/b45v0h

#2] If you add the custom css in the customizer, it will always apply to all pages across your site as long as it follows the the same set up. The text element, center align and a header h5 tag inside it.

Hope this helps.

[Josh Hayles]

Thank you. How do I create a hyperlink like http://www.geniushomeowners.com/#section2 so that the user can click a button on the home page and be taken to another section of the home page. This helps to create fast navigation without having to send them to another page.

[Christopher]

Hi there,

You can check this article https://community.theme.co/kb/how-to-setup-one-page-navigation

If you want to link a specific button to a section, just add section ID like #x-section-2 in button’s href field. Note that this button scrolls to section #2 only in that specific page. See the attachment.

Hope it helps.

[Josh Hayles]

Got it. Thank you!

[Joao]

You are welcome.

Let us know if we can help with anything else.

Joao

[Author]

Posts