imagebg

February 2014 WordPress Theme
GK User
Wed Apr 02, 2014 9:08 am
Hi, I have this code as a post using the Frontpage template and it works fine:

<div class="box imagebg all widget_text col4 nth1 last1">
<div class="textwidget">
<h3 data-scrollreveal="enter right and move 200px over 1s wait 0.1s">Make money<br>sitting on your sofa</h3>
<img src="http://pebblecast.me/pebblecast/wp-content/uploads/2014/03/red-top.png" alt="red-top" width="2712" height="1360" class="alignnone size-full wp-image-1691" />
</div>
</div>

(Basically I took that from your templates and changed the image & the h3 words.)

But when I use that code in a text widget on the Default Template, in the Top Widgets II area, and select "image background" as the widget style, the image "bleeds" over the Widget Area I above, and Main Body Top below, and also out beyond the edge of the frame into the background. There are no such problems when I use the code above as a post in the Frontpage template.

(I want to use image background as the widget style otherwise the h3 data-scrollreveal doesn't work. If I use "clear", "none", or "light color bg", for example, the data-scrollreveal does not style the same.)

I have tried removing all of the divs, removing some of the divs, adding divs, using smaller images, and putting the code in different widget areas but regardless, it does not display the same on the Default Template as it does on the Frontpage template.

Can you tell me what I am doing wrong? Is there a specific image size I should use in the Top Widgets II area? I tried using your gk_nsp_screen.png image as well, as it is a smaller size, but the same problem happens - when I use image background as the widget style, the widget area obscures the widget areas above and below, and bleeds over the edge of the frame onto the backgound.

Sorry if I am not using the correct terminology as I am not particularly familiar with CSS.

Thanks, Mark
User avatar
Fresh Boarder

GK User
Wed Apr 02, 2014 11:15 am
Hi,

Could you provide an URL to your website? (here or via PM) Then I'll be able to check your widgets.
User avatar
Moderator

GK User
Wed Apr 02, 2014 12:45 pm
Hi, did you get my PMs? I submitted three but they are all in my Outbox, don't know how to Send, or whether you have already seen them
User avatar
Fresh Boarder

GK User
Wed Apr 02, 2014 1:13 pm
Hi,

Yes I've received your PMs. I think I konw what's the source of your problems. If you want to use widgets instead of posts, you can't copy all content of post to your text widget, please add only this fragment into text widget:

Code: Select all
<h3 data-scrollreveal="enter right and move 200px over 1s wait 0.1s" data-sr-init="true" data-sr-complete="true">Make money<br>sitting on your sofa</h3>
<img src="http://yourwebsite/wp-content/uploads/2014/03/red-top.png" alt="red-top" width="2712" height="1360" class="alignnone size-full wp-image-1691">


(I changed your website URL).

Content of all widgets may be found on the configuration page: (widgets settings section)
http://www.gavick.com/documentation/wor ... wordpress/
User avatar
Moderator

GK User
Wed Apr 02, 2014 1:50 pm
Thanks Piotr, but I tried that already without success. If you have a look at my test page now, you will see the effect of using the code above and the "image background" widget style. You'll see the widget area overlapping the areas above and below, as well as extending out the side.
User avatar
Fresh Boarder

GK User
Wed Apr 02, 2014 2:56 pm
It's better now, but you have to use your wigdets on the homepage (change Settings -> Reading , Frontpage display set "Your latest posts") and now on the homepage try to set your widgets, because there's additionall "frontpage" class addedd into your body tag, which has also influence on the widgets appearance.
User avatar
Moderator

GK User
Wed Apr 02, 2014 4:47 pm
ok thanks, I'll try that and let you know!
User avatar
Fresh Boarder

GK User
Thu Apr 03, 2014 10:40 am
Thanks very much Piotr, that did it - everything looking good now.
User avatar
Fresh Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.