0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

teamTBB - Chapelco

Last Post
Search Topic
    • Roojai's Avatar
    • Roojai
    • Rocketeer
    • Posts: 81
    • Thanks: 7

    teamTBB - Chapelco

    Posted 11 years 7 months ago
    • Proud of this creation on the Chapelco template:

      www.teamtbb.com

      Extensive K2 template modification (athlete page and profiles)

      Virtuemart ecommerce

      Still need a bit more work to make it 100% on tablet view but it's a work in progress (quick time to live)
    #1025639
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 956
    • Volunteer

    Re: teamTBB - Chapelco

    Posted 11 years 7 months ago
    • I like it ... but I'm not really sure about that logo + icon combo ...
    #1025751
    • Roojai's Avatar
    • Roojai
    • Rocketeer
    • Posts: 81
    • Thanks: 7

    Re: teamTBB - Chapelco

    Posted 11 years 7 months ago
    • Good point.

      But the client insisted on no "home" button so I had to make something that made it more obvious to use the logo as home
    #1025882

  • Re: teamTBB - Chapelco

    Posted 11 years 7 months ago
    • where did you make the changes to get the menu to look like that? It doesn't look like the original chapelco menu. site looks great, btw. thanks for sharing.
    #1031054
    • Roojai's Avatar
    • Roojai
    • Rocketeer
    • Posts: 81
    • Thanks: 7

    Re: teamTBB - Chapelco

    Posted 11 years 7 months ago
    • just added custom CSS such as this:

      #rt-header {
      border-bottom: 1px solid #C7C7C7;
      -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3), inset 0 6px 0 #221e1f, inset 0 7px 0 #ffffff;
      -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3), inset 0 6px 0 #221e1f, inset 0 7px 0 #ffffff;
      box-shadow: 0 0 6px rgba(0,0,0,0.3), inset 0 6px 0 #221e1f, inset 0 7px 0 #ffffff;
      background-image: linear-gradient(top, #8F8F8F 0%, #5E5E5E 37%, #545454 91%);
      background-image: -o-linear-gradient(top, #8F8F8F 0%, #5E5E5E 37%, #545454 91%);
      background-image: -moz-linear-gradient(top, #8F8F8F 0%, #5E5E5E 37%, #545454 91%);
      background-image: -webkit-linear-gradient(top, #8F8F8F 0%, #5E5E5E 37%, #545454 91%);
      background-image: -ms-linear-gradient(top, #8F8F8F 0%, #5E5E5E 37%, #545454 91%);
      background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, #8F8F8F),
      color-stop(0.37, #5E5E5E),
      color-stop(0.91, #545454)
      );
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffA7A89E', endColorstr='#ff9E9E9B', GradientType=0);
      }

      .gf-menu .item {
      color: #FFF;
      text-shadow: none;
      font-weight: bold;
      text-transform: none!important;
      padding-right: 10px;
      padding-left: 10px;
      }
      .gf-menu .item a:hover{
      color: #ec098e;
      text-shadow: none;
      }

      ..There is more, but this is for the background and fonts. If you look at the site in Chrome and use f12 you can see (same as firebug in Firefox)
    #1031579

Time to create page: 0.078 seconds