0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING JUNE 30, 2025. Read our  Farewell Blog Post  for more info.

SOLVED Can I do this with a RT Joomla template ?

    • spitfire's Avatar
    • spitfire
    • Sr. Rocketeer
    • Posts: 152
    • Thanks: 0

    SOLVED Can I do this with a RT Joomla template ?

    Posted 13 years 8 months ago
    • Hi all ....
      I like the way that the designer has made this graphic "poke out" of the web page.
      Is there anyway I can do that with the RT templates ?

      This image is hidden for guests.
      Please log in or register to see it.



      Original site http://www.combinedpainting.com.au/

      Cheers..
    • Last Edit: 13 years 8 months ago by spitfire.
    • spitfire's Avatar
    • spitfire
    • Sr. Rocketeer
    • Posts: 152
    • Thanks: 0

    Re: SOLVED Can I do this with a RT Joomla template ?

    Posted 13 years 8 months ago
    • Think I have it.... looked in firebug.
      Looks like I need to study CSS ?
    • spitfire's Avatar
    • spitfire
    • Sr. Rocketeer
    • Posts: 152
    • Thanks: 0

    Re: SOLVED Can I do this with a RT Joomla template ?

    Posted 13 years 8 months ago
    • Hummm... but which css ? .... looking at my site it shows a number of files all called css-1131be2234bfe.php and the like.
      And one called Embedded styles.
      None of which I think I should touch ?

      I suppose the question I am asking is .... where do I start ?
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 217

    Re: SOLVED Can I do this with a RT Joomla template ?

    Posted 13 years 8 months ago
    • Turn off RokGZipper to see which CSS files that are involved.
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
    • spitfire's Avatar
    • spitfire
    • Sr. Rocketeer
    • Posts: 152
    • Thanks: 0

    Re: SOLVED Can I do this with a RT Joomla template ?

    Posted 13 years 8 months ago
    • Ahah ! That's better.
      Thanks for that prim !
    • spitfire's Avatar
    • spitfire
    • Sr. Rocketeer
    • Posts: 152
    • Thanks: 0

    Re: SOLVED Can I do this with a RT Joomla template ?

    Posted 13 years 8 months ago
    • Ohhh... K.......
      Now what ? I am not sure what file I need to change I have so many of them.
      I am thinking that in order to put a graphic over the slideshow (as above) I would need to add some code to the template.css ?
      Am I warm ?
      Thanks again for the help.
    • spitfire's Avatar
    • spitfire
    • Sr. Rocketeer
    • Posts: 152
    • Thanks: 0

    Re: SOLVED Can I do this with a RT Joomla template ?

    Posted 13 years 8 months ago
    • Should I be asking this question in the Modulus template page ? (I don't want to cross post) ?
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 955
    • Volunteer

    Re: SOLVED Can I do this with a RT Joomla template ?

    Posted 13 years 8 months ago
    • you need to position something with position: absolute and a high z-index.

      could be a mod_cusom with a code like

      <div style="position: relative;">
      <div style="position: absolute; top: 20px; left: 20px; z-index:9999; height: 300px; width: 100px;">
      your content
      </div> </div>

      move that div around on the page by changing left/top ...
    • spitfire's Avatar
    • spitfire
    • Sr. Rocketeer
    • Posts: 152
    • Thanks: 0

    Re: SOLVED Can I do this with a RT Joomla template ?

    Posted 13 years 8 months ago
    • Thanks as always Henning for taking the trouble to help out a newbie.
      I sort of get what you say ... but I don't quite know where to implement it ?
      This is the relevant code from the example site (above).
      I suppose my question really is ... just where do I start hacking into the RT code ?
      As it is .. if I try a custom html module gantry still just seems to put it where gantry says it should go.
      Cheers.
      <div id="content">
              
              <!--/ Start Sidebar /-->
      <div class="sidebar">
          
          <ul class="promos inner">
              <li><a class="p01" href="http://www.combinedpainting.com.au/deadline-painters">Deadline Painters</a></li>
              <li><a class="p02" href="http://www.combinedpainting.com.au/accredited-member-of-master-painters-australia">Accredited member of Master Painters Australia</a></li>
              <li><a class="p03" href="http://www.combinedpainting.com.au/enviro-friendly-painting">Enviro-Friendly Painting</a></li>
          </ul>
          
          <p>
              <strong>Tel:</strong> (08) 9355 0536<br>
              <strong>Fax:</strong> (08) 9355 0537     </p>
          <p>
              <strong>Postal:</strong><br> PO Box 549<br> Cloverdale<br>6985, Perth, WA    </p>
          
          <p>
              <a class="quote" href="http://www.combinedpainting.com.au/contact">Contact us for a quote</a>
          </p>
          
      </div>
      <!--/ End Sidebar /-->    
                      <h2>Accredited member of Master Painters Australia</h2>
              
      <p>Content coming soon…</p>
      <p>&nbsp;</p>
       
                              <p class="edit"></p>
              <div class="clear"></div>
          </div>
      .promos {
          background: url("images/promos.png") repeat scroll 0 0 transparent;
          display: block;
          height: 450px;
          position: absolute;
          right: -120px;
          text-indent: -9999em;
          top: -145px;
          width: 355px;
          z-index: 100 !important;
      }
      .promos li {
          list-style: none outside none;
          margin: 0 0 0 30px;
      }
      .promos li a {
          display: block;
      }
      .promos .p01 {
          height: 140px;
          width: 220px;
      }
      .promos .p02 {
          height: 120px;
          width: 220px;
      }
      .promos .p03 {
          height: 130px;
          width: 220px;
      }
    • spitfire's Avatar
    • spitfire
    • Sr. Rocketeer
    • Posts: 152
    • Thanks: 0

    Re: SOLVED Can I do this with a RT Joomla template ?

    Posted 13 years 8 months ago
    • Ok... problem solved.
      Knowledge gained !
      Thanks to Henning and Arifin FinLy's tutorial here ....

      www.rockettheme.com/forum/index.php?f=33...07164&rb_v=viewtopic

      All I needed was a custom style sheet ! (well ... not even that really .. but it gave me an insight !)
      Put the code I need in a custom module ...
      Use the nobox suffex.
      Position it using the HTML code ...
      Job done.
      Solved !

Time to create page: 0.081 seconds