borders – Thesis Docs https://diythemes.com/thesis/rtfm Documentation, How-tos, and Best Practices for the Thesis WordPress Theme System Wed, 08 Nov 2017 15:22:07 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.1 Add Border Around Each Post https://diythemes.com/thesis/rtfm/add-border-around-each-post/ Thu, 28 May 2009 15:25:17 +0000 https://diythemes.com/answers/?p=302 Place this code in custom.css, and change to suit your requirements:

/* Style the First (or Only) Post */
.custom .post.top {
   background:#FFFFFF none repeat scroll 0 0;
   border:15px double #666666 !important;
   margin:1em;
   padding:2em;
}

/* Style Remaining Posts (in a Multi-Post Listing) */
.custom .post.post_box {
   background:#FFFFFF none repeat scroll 0 0;
   border:15px double #000000;
   margin:1em;
   padding:2em;
}

If you also want to apply the border to content on Pages, remove .post from the CSS selectors, i.e., use .custom .top and .custom .post_box instead.

]]> Style Nav Menu Tabs https://diythemes.com/thesis/rtfm/style-nav-menu-tabs/ Mon, 20 Apr 2009 18:02:14 +0000 https://diythemes.com/answers/?p=103
  • Change Color of All Menu Tabs
  • Change Color of Active Menu Tab
  • Change Colors of Menu Tabs When Hovering
  • Remove Underline on Menu Tabs When Hovering
  • Remove Uppercase Formatting on Menu Tabs Text
  • Change Color of Borders on Menu Tabs
  • Remove Borders around Menu Tabs
    • ]]>     This Answer is based on the style definitions from Thesis 1.5 or lower; in 1.6+, you can set colors for the Nav Menu under Thesis Design Options (under Fonts, Colors, and More!). For other styling, replacing #tabs in the examples below with .menu will generally be sufficient.

    Change Color of All Menu Tabs ∞

    Place this code in custom.css (changing the color values to use your own choices):

    .custom #tabs li {
   background: #efefef;
}

    Change Color of Active Menu Tab ∞

    Place this code in custom.css (changing the color values to use your own choices):

    .custom ul#tabs li.current-cat a, .custom ul#tabs li.current_page_item a {
  background-color: #000000;
  color: #ffffff;
}

    Change Colors of Menu Tabs When Hovering ∞

    Place this code in custom.css (changing the color values to use your own choices):

    .custom ul#tabs li a:hover {
  background:#000000;
  color:#ffffff;
}

    Remove Underline on Menu Tabs When Hovering ∞

    Place this code in custom.css:

    .custom ul#tabs li a:hover {
  text-decoration: none;
}

    Remove Uppercase Formatting on Menu Tabs Text ∞

    Place this code in custom.css:

    .custom ul#tabs li a {
  text-transform: none;
}

    Change Color of Borders on Menu Tabs ∞

    Place this code in custom.css (changing the color values to use your own choices):

    .custom #tabs, .custom #tabs li {
   border: 1px solid #ddd;
}

    Note: This also affects the left and bottom borders along the nav menu itself.

    Remove Borders around Menu Tabs ∞

    Place this code in custom.css:

    .custom #tabs, .custom #tabs li {
  border-style: none;
}

    Note: This also affects the left and bottom borders along the nav menu itself.

    ]]>