Hi riyadenn. That’s the theme default css. What doesn’t work? If you want to target just the secondary sidebar you need to use the “.s2” class in front of the other elements.
For Example, i change text-transform to ‘normal’ on css bellow:
‘/* base : sidebar
/* ———————————— */
bla bla
bla bla
.sidebar-top { padding: 15px 30px; }
.sidebar-top p { float: left; color: #fff; color: rgba(255,255,255,0.8); font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 24px; padding: 3px 0; }
bla bla
bla bla,
But the sidebar-top still show uppercase. Also if i change font size, it still not change.
But in this topic, i want to add css to custom just secondary sidebar-top text.
“Normal” won’t work; you should use text-transform: none instead. Can you post a link to your site?
My site still on localhost. And attribute ‘none’ still doesn’t work. Also if i change font size to 44 for example, it doesn’t take effect.
Once again, in this topic, i want to know how to add css to custom text above the secondary sidebar. (Like .s2 sidebar-top {…..})
Perhaps we’re referring to different things, then. If I use this code (in a custom CSS plugin or your theme’s built-in custom CSS option)
.s2 .sidebar-top p {
font-size: 44px;
text-transform: none;
}
I can see that the text “More” has become 44px large and is no longer capitalized.
I’ve tried the above code, but still not working.
Perhaps this has something to do with this:
/* base : sidebar
/* ------------------------------------ */
.sidebar { padding-bottom: 10px; position: relative; z-index: 2; }
.sidebar .pad { padding-left: 20px; padding-right: 20px; }
.sidebar-top { padding: 15px 30px; }
.sidebar-top p { float: left; color: #fff; color: rgba(255,255,255,0.8); font-size: 16px; font-weight: 600; text-transform: none; line-height: 24px; padding: 3px 0; }
.sidebar-toggle { display: none; text-align: center; cursor: pointer; width: 100%; height: 60px;
-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); }
.sidebar-toggle i { font-size: 38px; color: #fff; padding: 10px 0; }
.s1-expand .s1,
.s2-expand .s2 {-moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; }
Changes in the value of the css above doesn’t seem to take effect.
hello stephencottontail, thank you very much. It’s working now. It seems my localhost have problem before.
