http://www.kriesi.at/support/topic/sidebar-in-table-style Support Forum - Topic: Sidebar in table style en-US Thu, 20 Jun 2013 10:45:26 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/sidebar-in-table-style#post-56122 Tue, 15 May 2012 06:14:23 +0000 Dude 56122@http://www.kriesi.at/support/ <p>Hey! </p> <p> You can remove the borders with following css code:<br /> <pre><code>.sidebar { border: none !important; }</code></pre> <p>I'd add this code to style.css. </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/sidebar-in-table-style#post-55196 Tue, 08 May 2012 15:26:11 +0000 rwdroge 55196@http://www.kriesi.at/support/ <p>As is stated above...remove the 'double' table borders in de sidebar </p> http://www.kriesi.at/support/topic/sidebar-in-table-style#post-54334 Wed, 02 May 2012 15:38:25 +0000 Devin 54334@http://www.kriesi.at/support/ <p>Hi rwdroge,</p> <p>What is it that you are needing to do now?</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/sidebar-in-table-style#post-53804 Sat, 28 Apr 2012 08:00:49 +0000 rwdroge 53804@http://www.kriesi.at/support/ <p>Ok Mya, with your tips I made some progress. Still one issue remaining though.<br /> As you can see on <a href="http://www.bijvanatten.nl" rel="nofollow">http://www.bijvanatten.nl</a> the social media button box is well bordered without overlapping the border of the widget title.<br /> Though the same code is used for the second and third box in the sidebar you can see that the right and left border are overlapping those borders of the widget title.</p> <p>Any ideas? </p> http://www.kriesi.at/support/topic/sidebar-in-table-style#post-53687 Fri, 27 Apr 2012 12:33:03 +0000 rwdroge 53687@http://www.kriesi.at/support/ <p>Thanks Mya for your answer.<br /> I'll see if I find some time to apply this and post the result when done! </p> http://www.kriesi.at/support/topic/sidebar-in-table-style#post-53681 Fri, 27 Apr 2012 11:49:13 +0000 Mya 53681@http://www.kriesi.at/support/ <p>Hi rwdroge,</p> <p>What you would need to do is find the class name of the area you want to format then add a custom style to your custom.css or Quick CSS option in your theme options that targets that class name. </p> <p>For example, on <a href="http://bijvanatten.nl" rel="nofollow">http://bijvanatten.nl</a> you have the widget "Volg ons", "Nieuwsbrief", "@BijVanAtten", and "Populair". Now the words "Volg ons", "Nieuwsbrief", "@BijVanAtten", and "Populair" are considered the widget title and have the class name "widgettitle" applied to them. So if you wanted to change the background color of those you would add this CSS.</p> <p><code>.widgettitle { background-color:#000000; }</code></p> <p>What that does is tell the browser to set the background color of the widget title to black. You of course could change the color.</p> <p>If you wanted to change the background color of the boxes you would have to locate the class name of the DIV, FORM or UL that surrounds the content. For example, "Volgs on" content has a DIV that surrounds them called "socialmedia-buttons" so in order to style that content I would use this.</p> <p><code>.socialmedia-buttons { background-color:#EEEEEE; border:1px solid #CCCCCC; }</code></p> <p>This would add a light grey background with a slightly darker grey border around the icons.</p> <p>Now widget titles always use the same class name. The name you use for the content box is a bit trickier because each widget receives its own class or ID name depending on what it is. For instance, I used "socialmedia-buttons" for the "Volgs on" but the name for "Nieuwsbrief" iwould be "ns_widget_mailchimp_form-2". So you would have to look at the source code in order to find them.</p> <p>To get you started, here's the class or ID names you would need to add to your custom CSS:</p> <pre><code>.socialmedia-buttons { background-color: #000000; } #ns_widget_mailchimp_form-2 { background-color: #000000; } .widget_twitter ul { background-color: #000000; } .tw-tabs { background-color: #000000; }</code></pre> <p>Hope this helps!</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/sidebar-in-table-style#post-53459 Thu, 26 Apr 2012 08:30:53 +0000 rwdroge 53459@http://www.kriesi.at/support/ <p>Thanks for the response, but I don't want to replicate (I know the styles are totally different).<br /> But is there a way to create more discrepancy between the items in the sidebar?</p> <p>For example by giving a background color to the widget headers? (In my case the 'Volg ons' etc. on <a href="http://bijvanatten.nl)" rel="nofollow">http://bijvanatten.nl)</a><br /> Or do you know another way to make more distinction between the different widgets in the sidebar? </p> http://www.kriesi.at/support/topic/sidebar-in-table-style#post-53440 Thu, 26 Apr 2012 07:32:21 +0000 Ismael 53440@http://www.kriesi.at/support/ <p>Hello,</p> <p>With the current layout of Newscast I think it will be difficult to replicate the layout of <a href="http://dikkevettecourgette.com/" rel="nofollow">http://dikkevettecourgette.com/</a>.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/sidebar-in-table-style#post-53294 Wed, 25 Apr 2012 15:52:14 +0000 rwdroge 53294@http://www.kriesi.at/support/ <p>Hi, I'm wondering if it's possible to create seperate blocks in the sidebar. This means the different blocks would look something like:</p> <p><a href="http://www.dikkevettecourgette.com" rel="nofollow">http://www.dikkevettecourgette.com</a></p> <p>Right now the website with newscast is:</p> <p><a href="http://bijvanatten.nl" rel="nofollow">http://bijvanatten.nl</a></p> <p>Where and how can I add the 'table' style for the blocks in the sidebar? This so I can add background colors to the table header/rows</p> <p>Thanks! </p>