Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Custom widgets - scaling


  #1  
Old Nov 11, 2013, 09:29 AM
prooffairy
 
73 posts · Oct 2010
Hope you can help.

I'm working on this site: http://217.199.187.62/onelifeyourlifeloveit.com/

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?
  #2  
Old Nov 11, 2013, 11:14 AM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
HTML Code:
#text-7 img {
    width: 100%;
}
#text-8 img {
    width: 100%;
}
try

Last edited by juggledad; Nov 11, 2013 at 12:46 PM.
  #3  
Old Nov 14, 2013, 03:37 AM
prooffairy
 
73 posts · Oct 2010
Ah thanks. it's showing the full image now. How can I add padding between them?
  #4  
Old Nov 14, 2013, 04:06 AM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Custom Widgets Won't Display jtsharp Sidebars & Widgets 2 Dec 6, 2013 12:52 PM
duplicate custom widgets swimflyfast2 Sidebars & Widgets 7 Mar 8, 2013 04:47 AM
logo image not scaling in Atahualpa Theme jimzook Forum How-To 1 Nov 29, 2012 08:10 AM
Image resize / scaling not working properly when resizing window with Atahualpa 3.7.7 Sebdude Center area post/pages 3 Jun 1, 2012 01:56 PM


All times are GMT -6. The time now is 01:49 AM.


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