- CSS | Afiseaza codul
/*-------------------------------------------------------------- 7. Sidebar --------------------------------------------------------------*/ .sidebar { float: right; width: 300px; } .sidebar .widget { background-color: #fff; margin-bottom: 25px; padding: 20px; line-height: 1.4; } .sidebar .widget .widget-title { color: #222; font-size: 16px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; } .sidebar .widget p { margin-bottom: 15px; } .sidebar .widget ul .children, .sidebar .widget ul .sub-menu { padding-left: 1.5em; } .sidebar .widget ul .children li:first-child, .sidebar .widget ul .sub-menu li:first-child { padding: 15px 0; border-top: 1px solid #e9e9e9; } .sidebar .widget ul > li { list-style: none; margin-bottom: 15px; position: relative; padding-left: 14px; } .sidebar .widget ul > li a { color: #333; } .sidebar .widget ul > li:before { border-radius: 50%; content: " "; display: inline-block; width: 4px; height: 4px; position: absolute; left: 0; top: 8px; } .sidebar .widget ul li:last-child { margin-bottom: 0; } .sidebar .widget select { width: 100%; max-width: 100%; } .sidebar .widget_search input[type='search'] { width: 185px; } .sidebar .widget_search input[type='submit'] { width: 70px; text-align: center; padding-left: 0; padding-right: 0; } .sidebar .widget_social_icons ul li, .sidebar .widget_posts_thumbnail ul li { list-style: none; } .sidebar .widget_social_icons ul li:before, .sidebar .widget_posts_thumbnail ul li:before { content: none; display: none; } .sidebar .widget_posts_thumbnail { color: #8E99A9; line-height: 1.4; } .sidebar .widget_posts_thumbnail ul > li { margin-bottom: 20px; padding: 0 !important; } .sidebar .widget_posts_thumbnail .thumbnail-wrap, .sidebar .widget_posts_thumbnail .wp-post-image, .sidebar .widget_posts_thumbnail img { width: 80px; height: auto; } /* Posts with Thumbnail Widget */ .widget_posts_thumbnail ul li { margin: 0 0 20px 0; } .widget_posts_thumbnail li:after { content: ""; display: block; clear: both; } .widget_posts_thumbnail .entry-thumbnail { float: left; } .widget_posts_thumbnail .entry-wrap { display: table; line-height: 1.2; } .widget_posts_thumbnail .entry-wrap a { font-size: 14px; font-weight: bold; } .widget_posts_thumbnail .thumbnail-wrap { float: left; margin: 0 12px 0 0; line-height: 0; } .widget_posts_thumbnail .entry-meta { font-size: 13px; margin-top: 5px; }
Cum fac maresc sidebar-ul ?
Moderators: Moderatori ajutatori, Moderatori
- LOLpgl
- Membru, skill +3
- Posts: 1127
- Joined: 16 Dec 2013, 21:01
- Detinator Steam: Da
- SteamID: ionutcruso
- Location: Rm.Valcea
- Has thanked: 19 times
- Been thanked: 15 times
Salut ! Cum as putea face sidebar-ul mai lat ? Daca modific la "with=300px" ramane la fel. https://imgur.com/VvbOZbb
- CSS | Afiseaza codul