Wordpress Themes - WP Forum at BFA - How to do a certain design for a widget title box

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)

- - How to do a certain design for a widget title box (http://forum.bytesforall.com/showthread.php?t=19071)

steveb78

Dec 7, 2012 09:14 AM

How to do a certain design for a widget title box

1 Attachment(s)

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! :)

lmilesw

Dec 7, 2012 03:15 PM

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;

}

steveb78

Dec 21, 2012 07:43 AM

Quote:

Originally Posted by lmilesw (Post 93483)

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!

arntxee

Dec 21, 2012 03:49 PM

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;

All times are GMT -6. The time now is 08:40 AM.