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 »

How to do a certain design for a widget title box


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 Dec 7, 2012, 09:14 AM
steveb78
 
5 posts · Nov 2011
Kentucky
I am designing a radio station website, and interested in finding out how to get my widget title box to look like the attachment. Any help would be great!
Attached Thumbnails
Click image for larger version

Name:	widget-title.jpg
Views:	254
Size:	32.3 KB
ID:	2123  
  #2  
Old Dec 7, 2012, 03:15 PM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
In a short amount of time I can't give detailed instructions but the following CSS may give you some ideas.
HTML Code:
.widget-title h3 {
    color: white !important;
}
.widget-title {
    background: blue;
    padding: 5px 5px 0;
    margin-left: -20px;
    position: relative;
    margin-top: -20px;
    width: 100px !important;
    border: 2px inset blue;
}
__________________
~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 Dec 21, 2012, 07:43 AM
steveb78
 
5 posts · Nov 2011
Kentucky
Quote:
Originally Posted by lmilesw
In a short amount of time I can't give detailed instructions but the following CSS may give you some ideas.
HTML Code:
.widget-title h3 {
    color: white !important;
}
.widget-title {
    background: blue;
    padding: 5px 5px 0;
    margin-left: -20px;
    position: relative;
    margin-top: -20px;
    width: 100px !important;
    border: 2px inset blue;
}
Thanks for the info!
  #4  
Old Dec 21, 2012, 03:49 PM
arntxee
 
12 posts · Dec 2012
You can customize widget title box with something like this

Code:
background-color: #DF013A;
height: 25px;
For Widget title

Code:
font-size: 1em;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
margin-left: 10px;
padding-top: 4px;

Bookmarks

Tags
widget

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Replacing widget title with image - image and title are displaying at same time barefaced Sidebars & Widgets 4 Apr 27, 2010 03:56 PM
Blog design help ldsmedia Customization, Design, Programming... 11 Feb 1, 2010 05:43 AM
[SOLVED] how to Change BFA Subscribe widget design ppat2 Sidebars & Widgets 3 Apr 28, 2009 09:29 PM


All times are GMT -6. The time now is 12:23 PM.


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