Hello,
One of my sites “phuketparadisevillas.com” uses iframe links to display 360 iframe tours, the problem is that there is a white space/bar right under the menu and I would like to remove it so that the iframe starts right under the menu area — no space, seamless.
How can I do that? To let you know, this is the free version of the theme…please let me know if the premium version would allow me to remove that space or can it be done with the FREE one?
Thanks very much, love this theme!
Marty
White Bar Under Menu
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Marty
If you don’t yet have a Custom CSS plugin installed, go to Plugins > Add New and install the SiteOrigin CSS plugin. Then, go to Appearance > Custom CSS and insert:
/* Home */ .home #main { padding-top: 0; }Hope that helps.
Hey Andrew,
That’s perfect thanks! Just one more thing…if I want to do the same thing for my 360 Iframe tours on other pages what should I change in the code? For example, under the media menu I have 4 360 IFRAME tours; one of them is at: http://phuketparadisevillas.com/360-bannchangthai/
So do I have to add CSS snipets for each page? Basically I want to do the same thing: remove that top padding (white space) above them…
Thanks again, really appreciate it.
Hi Marty
Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:
[email protected]
Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.
Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.
Hi Andrew,
I’m sure you guys are trust worthy but I’d rather not go that way. The fix you gave me for the homepage was perfect…I tried the same thing in the CSS editor (I watched the video with Greg), but even when I set the padding to “0” there is still a white space below the menu…it does get smaller…but not completely gone.
If you could give me the code snippet to do that, it’d be great. It’s for this page(s): http://phuketparadisevillas.com/360-baansungthai/
You’d need:
.page-id-123 #main { padding-top: 0; }The additional space comes from 25px top padding on full width stretch rows and the paragraph that the 360 tour iframe is in. For that we could try:
.page-id-123 .entry-main { margin-top: -45px; }