Remove/ Reduce White Space

Support
#1

I just wanted to ask if how can I remove or reduce the WHITE SPACE below the 3 images? Thanks

#2

Hi there,

Please try to add this code to the custom CSS panel:

.x-topbar img {
    margin-bottom: 0 !important;
}

In case this doesn’t work, kindly share your URL so that we can check.

Thank you.

#3

@Jade
Hi Jade, the css code you gave me didn’t work.

I’m currently developing the site, I don’t know if you can see this but here is the IP Address: 108.167.185.227

The site is: http://heroicmedia.org

#4

Hi There,

Thank you for the URL, I can see the site but not the 3 images.

screenshot

Please clarify,
Cheers!

#5

@friech
Sorry about that. Here is the page where the screenshot came from: http://heroicmedia.org/homepage-2-0/

#6

Hi there,

Please try this code:

p.p-info, p:empty {
    display: none;
}

Hope this helps.

#7

@Jade
No, it didn’t work. I’m referring to this white space (please see screenshot). Do you have a code that can reduce this space?

#8

Hi There,

Add this on your custom CSS instead.

.x-topbar table,
.x-topbar p:empty {
	margin-bottom: 0;
}
.x-topbar table th, .x-topbar table td {
	padding-bottom: 0;
}

Though there’s seems to be an issue with your html markup as I am seeing the table is outside of the p-info container.

Please check your topbar content for any unclosed tags.

Thanks,

1 Like
#9

Thanks @friech, that worked!

I also wanted to ask for the additional css code in order to remove the space beside the images (see screenshot). How can I remove it? Thank you for the insightful responses.

#10

Hi There,

I’m sorry, but it seems you have removed the referenced page (https://snag.gy/5hOJ4d.jpg). Could you please confirm?

Thanks!

#11

@mldarshana

I’m currently developing the site, I don’t know if you can see it but here is the IP Address: 108.167.185.227
You have to add the address to your host file.

The site is: http://heroicmedia.org

#12

Hi again,

Try adding the following code in your Customizer:

.x-topbar .x-topbar-inner img {
    width: 33.33%;
}
.x-topbar .x-topbar-inner {
    width: 100% !important;
    max-width: 2000px !important;
}

Let us know how this goes!

#13

@Nabeel

The css code worked. Thank you for the assistance! :smile:

#14

You’re welcome.

#15

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.