SnarkyCupcake Administrator
| Subject: → Remove Borders From Pages Menu ← Sat Jan 24, 2015 11:47 pm | |
| - [You must be registered and logged in to see this link.] wrote:
By default, a standard Blogger template with the Pages widget active displays it in a boxy format with a 1px border around the entire thing, and separator lines between each link. This look might not match your overall layout and look a bit out of place, so let’s get rid of those darn lines!
Start by heading over to the Template page in Blogger then clicking Customize. In the top left menu choose Advanced.
In the second menu choose Add CSS and add the following code:
- Code:
-
.tabs-inner .widget li a, .tabs-inner .widget ul, .tabs-inner .section:first-child ul {border:none;}
While we’re at it, let’s remove the grey background from the first link in the menu. Add this below the code you just added:
- Code:
-
.tabs-inner .widget li.selected a {background:transparent}
That’s all there is to it! Save your changes and stop stressing over those dumb borders ;). |
|