I’m wondering how to remove padding that page builder adds. I’ve got a flash slideshow inserted into a text widget within Page builder on my home page.
My slideshow code is as follows: [swf src=”http://visioncontractingltd.ca/vision-contracting-banner.swf” width=1145 height=365] However, it’s adding a white border above and below it when I preview. I’ve got “Image Shadow and Rounding” unchecked. I think it has something to do with the responsive scaling, because when I make my window smaller the white at the top and bottom get larger.
I’ve got custom CSS added to insert a gradient background behind the slideshow, but the slideshow itself doesn’t scale with the background.
/* Put in background gradient that extends to the left and right of the flash banner */
.panel-row-style{
background-color: #000000;
background-image: url(“http://visioncontractingltd.ca/wp-content/uploads/2014/09/header-bg.png”);
background-repeat: repeat-x;
background-position: 0 !important;
}
/* Remove border */
.layout-full .panel-row-style {
padding: 0 1000px !important;
}
The site isn’t live yet, so I can’t post an URL, but I can send you a screen shot… Any help would be appreciated!
Hi Kim
Thanks for the wait here.
I’d love to send through a solution right now but is there anyway we could tackle this once the site is accessible? I ask because something like this is really quick to resolve once we can see it live.
If the site is online but just locked in maintenance mode you could send a set of login details through to [email protected] and I’ll take a look ASAP. Please reference this thread in that email if you’d like to go that way.