-
Posts
-
On this page http://california-apmp.org/wp/, I was able to style the three test widget boxes in the middle of the homepage by using the CSS below. I would like to style my sidebar widgets now, such as the Recent Posts one which has an id of “recent-posts-2”. I tried substituting recent-posts-2 where I have text-3 below, but that didn’t work. Any clues on how I could do this? thank you!!!
div#text-3 {
border: 1px solid #555;
background-color: #fff;
width: 92%;
padding: 0;
font-size: 100%;
color: #2f3a8f;
text-align: left;
}
div#text-3 h3 {
margin-top: 0;
padding: 6px 0 6px 4%;
}
#text-3 .textwidget {
border: 0;
padding: 0 12px;
}Hey gharding!
Thank you for using Enfold.
You can try this:
aside .widget { border: 1px solid #555; background-color: #fff; width: 100%; padding: 5px; font-size: 100%; color: #2f3a8f; margin: 10px 0; } h3.widgettitle { color: #FFFFFF; padding: 3px; text-transform: none; font-weight: normal; background: #2d3d90; background: -moz-linear-gradient(top, #2d3d90 0%, #2b3b8c 25%, #212f77 53%, #1c286b 69%, #182563 75%, #131e59 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d3d90), color-stop(25%,#2b3b8c), color-stop(53%,#212f77), color-stop(69%,#1c286b), color-stop(75%,#182563), color-stop(100%,#131e59)); background: -webkit-linear-gradient(top, #2d3d90 0%,#2b3b8c 25%,#212f77 53%,#1c286b 69%,#182563 75%,#131e59 100%); background: -o-linear-gradient(top, #2d3d90 0%,#2b3b8c 25%,#212f77 53%,#1c286b 69%,#182563 75%,#131e59 100%); background: -ms-linear-gradient(top, #2d3d90 0%,#2b3b8c 25%,#212f77 53%,#1c286b 69%,#182563 75%,#131e59 100%); background: linear-gradient(to bottom, #2d3d90 0%,#2b3b8c 25%,#212f77 53%,#1c286b 69%,#182563 75%,#131e59 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3d90', endColorstr='#131e59',GradientType=0 ); } .widget_search { border: none !important; padding: 0; }Regards,
IsmaelIsmael, that worked, and almost perfect. Do you see how the widget title bar of the widget in the three “testbox styling test” examples in main body of the site have a blue background and doesn’t float inside of the blue border? That’s what I need. Is that possible?
thank you!!
- The topic ‘How can I style sidebar widget like I did my test?’ is closed to new replies.