Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   Custom widgets - scaling (http://forum.bytesforall.com/showthread.php?t=21128)

prooffairy Nov 11, 2013 10:29 AM

Custom widgets - scaling
Hope you can help.

I'm working on this site:

Using Atahualpa 3.7.12 and WP 3.7.1

I've added a new widget area to the footer, using this code:

<?php bfa_widget_area('name=Footer widget area&cells=2&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>

I've added a text file featuring an image to each widget and on my screen the two graphics look fine, they are evenly spaced with a gap between them, but on smaller screens (eg my iphone) one overlaps the other and the right hand one disappears off the side of the site.

How can I make them scaleable so they'll look right regardless of screen size?

juggledad Nov 11, 2013 12:14 PM

HTML Code:

#text-7 img {
    width: 100%;
#text-8 img {
    width: 100%;


prooffairy Nov 14, 2013 04:37 AM

Ah thanks. it's showing the full image now. How can I add padding between them?

juggledad Nov 14, 2013 05:06 AM

I'd add a 'white' right border to to the first table cell and a left border to the second table cell and make the width of the borders 1/2 of what you want the full border to be.

All times are GMT -6. The time now is 04:35 AM.

Powered by vBulletin® Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.