0
Welcome Guest! Login
0 items Join Now

How can I make grey lines around content or on modules?

Last Post
Search Topic

  • How can I make grey lines around content or on modules?

    Posted 14 years 6 months ago
    • demo.rockettheme.com/?template=hybrid

      You show lines around content on the page where you can look at hybrid module variations.

      I like this look, but don't see where to trigger this. But not just for hybrid, I'm not working with hybrid live yet. But on some of the latest gantry templates. I don't like the dark and solid module backgrounds. Would like to achieve something more subtle.

      Can you tell me where to start to achieve this look in the body and/ or as a module outline?

      Thank you.
    • Joomla 3.x New to responsive design or should I say I'm lost?
    #581174
    • Robert D. Wagers's Avatar
    • Robert D. Wagers
    • Elite Rocketeer
    • Posts: 1545
    • Thanks: 0
    • Full-Time Cancer Fighter!

    Re: How can I make grey lines around content or on modules?

    Posted 14 years 6 months ago
    • you could simply add:
      {
border-style:solid;
border-width:5px;
}
      to the css...
      check this link out and see all the different options...
      http://www.w3schools.com/css/css_border.asp
      I know that's pretty general, but if you want to provide a link to your site I can try and offer more help. :)
      I hope this helps!
      Wage
    • Last Edit: 14 years 6 months ago by Robert D. Wagers.
    • "Everyone has to get knocked-down every once-in-a-while, otherwise you'll never learn how to get-back-up! "
      A quote attributed to my Grandpa Wagers
    #581195
    • Robert D. Wagers's Avatar
    • Robert D. Wagers
    • Elite Rocketeer
    • Posts: 1545
    • Thanks: 0
    • Full-Time Cancer Fighter!

    Re: How can I make grey lines around content or on modules?

    Posted 14 years 6 months ago
    • more css would be something like:
       
border style: solid;
border width: 5px;
margin bottom: 5px;
 
    • "Everyone has to get knocked-down every once-in-a-while, otherwise you'll never learn how to get-back-up! "
      A quote attributed to my Grandpa Wagers
    #581200

  • Re: How can I make grey lines around content or on modules?

    Posted 14 years 5 months ago
    • Thanks. That helped a lot. I'm definitely closer. I want to add a light dotted border (or thin solid grey border:

      I got this form your link: border:1px solid gray;

      to modules and found where I can add it to the ones with colored background - but they are the ones I don't like. The default I can't find where to edit. Or the title6 since it has a small rule under the title would look good and those two options have no colored background.

      I tried a few things but nothing was working, do you mind if I ask where it would go to edit default module or title6?

      Here is all the module css I found (in template.css)
      /* Modules */
.module-title .title {margin-top: 0;font-weight: normal;font-size: 170%;padding: 0;letter-spacing: normal;text-transform: uppercase; }
 
/* Module Variations */
.box1 .rt-block, .box1 .rt-article-bg, .box2 .rt-block, .box2 .rt-article-bg, .box3 .rt-block, .box3 .rt-article-bg {border-style: solid;border-width: 1px;}
.title1 .module-title-surround, .title2 .module-title-surround {padding: 15px 0 0 0;margin-bottom: 15px;}
.title1 .title, .title2 .title {text-transform: uppercase;font-size: 230%;line-height: 90%;font-weight: bold;width: 80%;display: inline-block;margin: 0 0 -2px 0;}
.title3 .module-title-surround, .title4 .module-title-surround, .title5 .module-title-surround {margin: -15px -15px 15px -15px;padding: 15px;background: #ccc;border-style: solid;border-width: 1px;}
.title3 .title, .title4 .title, .title5 .title {margin-bottom: 0;}
.standardcase .module-title .title {text-transform: inherit;}
.lowercase .module-title .title {text-transform: lowercase;}
.flush .rt-block {padding: 0;}
.flushtop .rt-block {padding-top: 0;}
.flushbottom .rt-block {padding-bottom: 0;}
#rt-popup {display: none;}
.box1 .rt-block, .box2 .rt-block, .box3 .rt-block, .roktabs-wrapper .active-arrows, .title3 .module-title-surround, .title4 .module-title-surround, .title5 .module-title-surround, #more-articles, .title1 .module-title-surround, .title2 .module-title-surround, .box1 .rt-article-bg, .box2 .rt-article-bg, .box3 .rt-article-bg {border-radius: 3px;}
    • Joomla 3.x New to responsive design or should I say I'm lost?
    #581211
    • Robert D. Wagers's Avatar
    • Robert D. Wagers
    • Elite Rocketeer
    • Posts: 1545
    • Thanks: 0
    • Full-Time Cancer Fighter!

    Re: How can I make grey lines around content or on modules?

    Posted 14 years 5 months ago
    • Do you have a test-or live site up yet? I can take a look at it and offer more specific help to you that way... I can provide line-by-line changes that way!

      let me know Bro!
    • "Everyone has to get knocked-down every once-in-a-while, otherwise you'll never learn how to get-back-up! "
      A quote attributed to my Grandpa Wagers
    #581387
    • Robert D. Wagers's Avatar
    • Robert D. Wagers
    • Elite Rocketeer
    • Posts: 1545
    • Thanks: 0
    • Full-Time Cancer Fighter!

    Re: How can I make grey lines around content or on modules?

    Posted 14 years 5 months ago
    • if I don't respond... I'm sorry!
      I'm a cancer-patient and My blood is getting bad again so, I am leaving for the hospital to see if I need a transfusion of blood!

      Wage
    • "Everyone has to get knocked-down every once-in-a-while, otherwise you'll never learn how to get-back-up! "
      A quote attributed to my Grandpa Wagers
    #581534

  • Re: How can I make grey lines around content or on modules?

    Posted 14 years 5 months ago
    • I'm sorry to hear that. Take care man. I hope things go well for you.
    • Joomla 3.x New to responsive design or should I say I'm lost?
    #581679

Time to create page: 0.064 seconds