Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 17, 2013 at 5:31 pm #201160
    Thinkgate

    I am looking to incorporate different style widget titles in my footer and on sidebars.

    I’ve already set widget title styling with the class .widgettitle, but would like to create something like .widgettitle_footer.

    Maybe I am overlooking the simplicity of this, but is there any feature or easy code to implement this?

    Thanks!

    December 17, 2013 at 6:02 pm #201193
    Yigit

    Hi murphy88!

    You can use following class to target widget titles in footer section

    #footer .widgettitle {  }

    Cheers!
    Yigit

    December 17, 2013 at 6:11 pm #201204
    Thinkgate

    Right, and this is what I tried intially. But, in the footer both the .widgettitle {} and #footer .widgettitle {} css styles are applied.

    December 17, 2013 at 6:15 pm #201206
    Yigit

    Hey!

    If you add it as i posted in my previous post, changes you make will be applied only on widget titles that are in footer.

    Regards,
    Yigit

    December 17, 2013 at 8:12 pm #201262
    Thinkgate

    For some reason, the styling from both applies to my #footer .widget title. Here is what it looks like in my custom.css:

    #footer .widgettitle {

	color: #E0DFFF !important;
	margin-bottom: 21px;
	font-weight: 900;
	font-size:16px;
	letter-spacing: 1px;
	text-shadow:1px 1px 1px rgba(10,10,10,0.68);
	text-transform: uppercase;

}

.widgettitle {

	font-size: 16px;
	background-color: rgb(51, 144, 145);
	box-shadow: 0 8px 6px -6px black;
	color:#fff !important;
	text-shadow:1px 1px 1px rgba(10,10,10,0.68);
	font-weight:bold;
	padding: 11px 0 0 0px;
	text-align: center;
	border-radius: 7px !important;
	padding-bottom: 12px;
	text-transform: uppercase;
}
    December 17, 2013 at 9:41 pm #201277
    Yigit

    Hi!

    Can you post the link to your website and point out changes you would like to make?

    Best regards,
    Yigit

    December 17, 2013 at 9:52 pm #201284
    Thinkgate

    Hi Yigit,

    I wish I could provide you with a link, however, the website is being developed locally.

    Is there perhaps a specific id to target the right sidebar (such as #sidebar_right), much like there is for the footer (#footer)?

    Again, thanks for your help!

    December 18, 2013 at 4:34 am #201377
    Yigit

    Hey!

    Please try removing !important from color styling from both classes and it should be enough to change colors independently. Please flush browser cache after applying the code and refresh your page a few times

    Cheers!
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Defining Separate Widget Title Styling’ is closed to new replies.