0
Welcome Guest! Login
0 items Join Now

How to add left border to Sidabar-a position?

Last Post
Search Topic
    • danglen's Avatar
    • danglen
    • Newbie
    • Posts: 11
    • Thanks: 0

    How to add left border to Sidabar-a position?

    Posted 13 years 3 months ago
    • Hi Everyone

      How do you add the following in to a sidebar-a position please?:

      1) border-left 1px
      2) has no top and bottom margin?
      3) is 100% height, so if it's a small module it will still display the left border?

      And I also want it to appear when any module in Sidebar-a is published?

      I'm using Joomla 1.7.5
      Gantry 3.2.15
      RT Reflex template 1.6.4

      Here is the link to the test site and page I'm working on:
      apache1-grafton.co.uk/final/index.php?op...em&id=166&Itemid=582

      I've been trying this for days and any help would be much appreciated

      Thanks
      Dan
    #770964
    • Houston's Avatar
    • Houston
    • Elite Rocketeer
    • Posts: 1077
    • Thanks: 2

    Re: How to add left border to Sidabar-a position?

    Posted 13 years 3 months ago
    • It looks to me like you have figured out the left border of 1px. As for the rest, you can control in the same css you put the border in.
      #rt-body-surround .box8 .rt-block {
     background-color: #151515;
     background-repeat: repeat-x;
     border-left: 1px solid #CCCCCC;
     color: #999999;
     font-size: 12px;
     margin-bottom: 0;
     margin-right: -10px;
     margin-top: 0;
    • Houston Brown - www.splitlightdesigns.com
      Apache Version = 2.2.2 / PHP Version = 5.2.17 or 5.3.15 (dual)
      mySQL Version = 5.5.21
      Joomla Version = 2.5.8 / Web Servers OS Version = CentOS 6
    #771143
    • danglen's Avatar
    • danglen
    • Newbie
    • Posts: 11
    • Thanks: 0

    Re: How to add left border to Sidabar-a position?

    Posted 13 years 3 months ago
    • Thanks for your reply

      Yes just about got it the only thing is I don't know how to get the left border go all the way to the bottom on the page, even if there are no more modules under them?

      Please see this link as an example:

      apache1-grafton.co.uk/final/index.php?op...-services&Itemid=578

      Is there a way of creating a emply module with left border that has 100% height?

      Thanks, again
      Dan
    #771325
    • Houston's Avatar
    • Houston
    • Elite Rocketeer
    • Posts: 1077
    • Thanks: 2

    Re: How to add left border to Sidabar-a position?

    Posted 13 years 3 months ago
    • Typically one could do this by using a background image on the #rt-main div. One long repeating vertical line. As long as the other dives over it are transparent, you will see this line go all the way to the bottom. You could then get rid of the border-left on the #rt-body-surround .box8 .rt-block. Make sense?
    • Houston Brown - www.splitlightdesigns.com
      Apache Version = 2.2.2 / PHP Version = 5.2.17 or 5.3.15 (dual)
      mySQL Version = 5.5.21
      Joomla Version = 2.5.8 / Web Servers OS Version = CentOS 6
    #771339
    • danglen's Avatar
    • danglen
    • Newbie
    • Posts: 11
    • Thanks: 0

    Re: How to add left border to Sidabar-a position?

    Posted 13 years 3 months ago
    • Thank you

      I tried it in #rt-body and that does not work nothing happens, so I tried the following in: #rt-main

      background: url(" apache1-grafton.co.uk/final/templates/rt.../style1/right_bg.gif ") repeat scroll 0 0 transparent;

      It works but the background image line goes all the way to the top and bottom of the browser, please see attached.

      Thanks
      Dan
    #771395
    • Houston's Avatar
    • Houston
    • Elite Rocketeer
    • Posts: 1077
    • Thanks: 2

    Re: How to add left border to Sidabar-a position?

    Posted 13 years 3 months ago
    • In your css file template.css try changing line 32

      .tr-container
      to
      #rt-main .tr-container
    • Houston Brown - www.splitlightdesigns.com
      Apache Version = 2.2.2 / PHP Version = 5.2.17 or 5.3.15 (dual)
      mySQL Version = 5.5.21
      Joomla Version = 2.5.8 / Web Servers OS Version = CentOS 6
    #771407

Time to create page: 0.049 seconds