Docs

[theoutdoorarmory]

My website is theoutdoorarmory.com

I’d like to decrease:

(1) the white vertical space between “Brand Under Our Portfolio” and the 3 social icons (Facebook, Twitter, Instagram)

(2) the white vertical space between the 3 social icons (Facebook, Twitter, Instagram) and the section below (section where © 2016 Outdoor Armory. All rights reserved. is).

So basically decrease the vertical space up and down the 3 social icons.

Thanks

[Thai]

Hi There,

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

#x-section-3 .x-text p {
    margin-bottom: 0;
}

Hope it helps 🙂

[theoutdoorarmory]

Hi,

Thanks that works. Can you please teach me how were you able to determine the right code?

Cause when I inspect the element what I got was the one in the screen cap.

How were you able to determine “#x-section-3” ?

How were you able to determine “.x-text p” ?

Please help.

[Lely]

Hi There,

We have to select the exact element where the issue is coming from. See this video screencast:http://screencast-o-matic.com/watch/cDfr6q1EAE

As you can see, I’ve added a red border on the paragraph element. And the space is below the red border. But it’s inside the black border. So it’s either the class x-text which is the text element container or the p tag. And as you can see paragraph tag have default margin.

# means ID.
. means class.
By default, section ID will be x-section-1 for the first section and x-section-2 for the second. It just increment as you add more. Unless you’ve set custom ID on section ID field. Then inside this third section, you’ve added a text element which by default have a class x-text.
This line #x-section-3 .x-text p means that where calling the paragraph tag inside the container with x-text class which is inside the third section.

Hope this helps.

[Author]

Posts