Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

[SOLVED] Image placement in sidebar text widgets


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jan 17, 2012, 02:02 AM
dmstauber
 
26 posts · Mar 2011
I have two problems, probably related and probably elementary. ATA latest, Wordpress 3.3.1. My site is cheeringelf.com. I'm a beginner; I've been reading w3schools and threads here but am confused.

In my left sidebar, I have put an image in a text widget. The image is the same width as the sidebar, but it's coming out off-center (so that it extends into the center area).

In my right sidebar, I have a thumbnail image link in a text widget. The title of the widget (prefer to pay by check, etc.) is centered, but I can't get the image to center.

I'm sure this is an issue about either margins or padding (which?) but I'm not sure how to write the CSS and where to put it.

Thank you thank you!!

Do Mi
  #2  
Old Jan 17, 2012, 07:03 AM
lmilesw's Avatar
lmilesw
 
10,107 posts · Jul 2009
Central New York State USA
For the left side bar you just need to increase the width of the sidebar in the theme options to something like 184px or you could use CSS and put overflow:hidden on td#left.

For the right sidebar you could use text-align for the widget. for example
HTML Code:
#text-4 {
text-align: center;
}
This would go in the CSS Inserts box in the theme options.

As you will continually find there are usually several ways to accomplish what you want. I suggest getting familiar with the Firebug extension for Firefox.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jan 17, 2012, 11:27 PM
dmstauber
 
26 posts · Mar 2011
Thanks, Larry! I'm going to love Firebug!

I made the left sidebar bigger. Now the image is centered in it. But I want the image to fill it (that's why I made the image the same pixel width as the sidebar was). ??

And the CSS insert worked on the other side!

I have added another text widget on the left with just text in it (contact us); the text is spilling out of the sidebar. How do I change the size of the widget?

Going to donate now...

Do Mi
  #4  
Old Jan 17, 2012, 11:33 PM
dmstauber
 
26 posts · Mar 2011
Hmm, answering my own last question: I think I need to either make the font size smaller or switch to the larger sidebar. The element that's spilling over is too long and the widget isn't breaking it.

Do Mi
  #5  
Old Jan 18, 2012, 07:23 AM
lmilesw's Avatar
lmilesw
 
10,107 posts · Jul 2009
Central New York State USA
To make the background image fill the width of the sidebar you would put a background on td#left like...
HTML Code:
td#left {
    background: url("http://cheeringelf.com/wp-content/themes/atahualpa364/images/elf-sidebar.jpg") no-repeat #FDFA93;
You will also need to reduce the size of your sidebar to where it was.
Even though this code can go in CSS Inserts I would put it in the LEFT Sidebar Style box in the Style & configure sidebars section of the theme options.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #6  
Old Jan 18, 2012, 11:29 AM
dmstauber
 
26 posts · Mar 2011
Okay, I tried the td#left background. It moved the image over again, and incidentally messed up my page menu and center layout! So I took it out. However, I then realized that I needed to change the sidebar padding to 0px, and that fixed it!

About td#left: do I understand that it is pointing to the sidebar as the left cell of a table?

Thank you!!!
  #7  
Old Jan 18, 2012, 11:38 AM
juggledad's Avatar
juggledad
 
22,315 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Quote:
About td#left: do I understand that it is pointing to the sidebar as the left cell of a table?
That is correct
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Jan 18, 2012, 11:43 AM
dmstauber
 
26 posts · Mar 2011
Okay, another piece in place.

I wonder why putting the tdleft code in the sidebar styling area changed my page menu? But I'm content to have fixed it!

Just donated to both you and Larry. I'm so grateful.

Do Mi

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Sidebar Text Widgets Form Content Will Not Align in IE netinfused Sidebars & Widgets 1 Feb 27, 2011 06:04 PM
Sidebar Text Widgets are merging into main body - only in Internet Explorer (IE) BackyardHockey Sidebars & Widgets 5 Oct 27, 2010 08:55 PM
[SOLVED] Sidebar background image + Footer text placement splatinum Header configuration & styling 4 Jan 22, 2010 04:50 PM
right widgets cut off in IE, Firefox-right sidebar text smaller than on left sidebar daisy24 Sidebars & Widgets 2 Feb 23, 2009 11:59 AM


All times are GMT -6. The time now is 08:41 PM.


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