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 »

Possible to remove Title Container from a single widget? (create ID or Class?)


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 Sep 24, 2010, 08:55 AM
davidsteinmusic
 
13 posts · Sep 2010
Possible to remove Title Box from a single widget? (create ID or Class?)

I'm using Atahualpa version 3.5.3 (which I'm a big fan of) and my site is temporarily here:

davidsteinmusic.com/wptemp

I inserted a new widget into my footer to achieve placing html code (of an image) at the top of my footer. However, there is a small gap (about 5px of what appears to be background color) due to the widget title box I believe. It basically makes it look like the b.g. image and the image at the top of my footer aren't touching, which I would like them to do.

My first thought was padding on my widgets. But ATO>Style WIDGETS>Widget Container: shows:
font-size: 12px;
margin: 0 0 5px 0;
padding: 0px 10px 0px 10px;
.....*So, the R and L sides of widget containers have 10px padding but nothing on top or bottom. Correct?

I also checked to make sure the space was in footer and not in the center column and it is not. My center column has no padding on bottom - only 15px on sides. ATO>Style & edit CENTER COLUMN>Center Column Style: padding: 0px 15px 0px;

I tried removing the padding-bottom and margin-bottom from the ATO>Style WIDGETS>Widget Title:
but the 5px or so of space remained.
font-size: 0.8em;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
color: #333;
border-bottom: solid 1px #252525;
padding-bottom: 10px;/*i tried making this zero but it didn't fix issue*/
margin-bottom: 10px; /*i tried making this zero but it didn't fix issue*/
text-align:center;
Plus, I'd like to have all my other widgets have this style applied to them.

SO, how can I remove the title box from one particular widget? I read about creating ID's and Classes here to address specific theme items, but wasn't sure 1.) if doing that would achieve my goal of trying to remove the title box for only 1 of my widgets and 2.) what to insert into ATO>Various Content Items> Add HTML/CSS inserts.

Also, I tried putting the HTML code of the image into %bar2 but had trouble with centering it and then figured that a widget would be a more appropriate way to place the image where I want it. If there is another way to place image (via html) at the top of my footer i'm all ears.

Last edited by davidsteinmusic; Sep 24, 2010 at 09:38 AM.
  #2  
Old Sep 24, 2010, 08:55 AM
davidsteinmusic
 
13 posts · Sep 2010
sorry - didn't actually link to my site:

http://www.davidsteinmusic.com/wptemp
  #3  
Old Sep 24, 2010, 09:48 AM
davidsteinmusic
 
13 posts · Sep 2010
After inspecting the element where my mystery space is in Google Chrome, I noticed ithat under the Styles section of the developer tools window it said:

table {
border-spacing: 2px 2px;
border-collapse: separate;
}

I'm not exactly sure how to 'read' the developer tools window but I thought about changing table padding or margins. Also not sure what the border collapse portion means, but I thought that 2px on top and bottom might acount for my 4 or 5px of space I'm seeing. So......

I looked at the ATO>Various Content Items>Style Tables and tried removing any padding on all th and tr's but nothing changed.

I'll keep on trying to tweak things to see what will rid me of this space.

thanks in advance to any help!
  #4  
Old Sep 26, 2010, 07:36 AM
davidsteinmusic
 
13 posts · Sep 2010
So I've read another thread that answers my question: http://forum.bytesforall.com/showthr...a+space+footer

Essentially I have to remove the <p>...</P> element that the browsers places at the beginning of the footer. I'll make my donation as soon as I can and ask for details on how to do so.

thanks
  #5  
Old Oct 2, 2010, 12:58 AM
davidsteinmusic
 
13 posts · Sep 2010
SOLVED:

Thanks to Juggle Dad's suggestions in other posts, I installed Firebug and inspected the element where my mystery space was. As he mentioned in this post here: http://forum.bytesforall.com/showthr...a+space+footer there is a <p>...</p> element in the footer. I was able to remove it finally and my mystery space is gone.

Hopefully I can receive an answer to this post to see if there's a better way to accomplish this than editing .php files. I'd like to make this change through the CSS / HTML inserts so that when I upgrade, the change will stick. I'll donate as soon as I can. Thanks for a great theme and a great forum.

Bookmarks

Tags
customize widget title

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to create (drop) shadow effect around the layout container ? chris2009 Atahualpa 3 Wordpress theme 13 May 24, 2012 03:31 PM
how to remove Post Title from Single Post page ONLY vargaso Center area post/pages 2 Apr 30, 2010 01:38 PM
How do I create a Single Post that has No Sidebar? treeplant Sidebars & Widgets 2 Mar 27, 2010 03:49 PM
Need to call <li class= "current-cat-parent"> for single posts b1tzmast3r Page & Category Menu Bars 5 Jan 25, 2010 02:48 PM


All times are GMT -6. The time now is 02:56 AM.


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