0
Welcome Guest! Login
0 items Join Now

SOLVED Roksprocket Margins

    • Chuck1's Avatar
    • Chuck1
    • Rocketeer
    • Posts: 52
    • Thanks: 0

    SOLVED Roksprocket Margins

    Posted 9 years 7 months ago
    • Hello,

      I am using the latest version of Roksproket combined with the latest template version of JSN Epic from Joomlashine.

      I am trying to get rid of the left and top margin as seen here around the image....


      I found the margins here in the template.css....
      /* Line 132 */
      ul li
      {
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      margin-top: 0.3em;
      margin-right: 0px;
      margin-bottom: 0.3em;
      margin-left: 1.6em;
      }

      The problem is that I am using the ul li code else where on the website. Is there a way to change the code for the Roksproket module so that it doesn't use the list code above?
      .layout-showcase .sprocket-features-list li
      {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 10px;
      opacity: 0;
      width: 100%;
      height: 100%;
      display: none;
      }

      Any suggestions would be great.

      Thanks, Chuck
    • Last Edit: 9 years 7 months ago by Chuck1.
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22104
    • Thanks: 3200
    • messin' with stuff

    Re: Roksprocket Margins

    Posted 9 years 7 months ago
    • post a link...

      that "ul li" code is just Bootstrap base coding for all lists... RokSprocket likely uses it's own more specific styling than that when it comes to placing various <li> items...
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    • Chuck1's Avatar
    • Chuck1
    • Rocketeer
    • Posts: 52
    • Thanks: 0

    Re: Roksprocket Margins

    Posted 9 years 7 months ago
    • Can you suggest a way to edit the margins on the top and left?

      We would like to see the full image with none of the blue showing?

      Thanks for the quick reply :)
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22104
    • Thanks: 3200
    • messin' with stuff

    Re: Roksprocket Margins

    Posted 9 years 7 months ago
    • Matt wrote:
      post a link...
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    • Chuck1's Avatar
    • Chuck1
    • Rocketeer
    • Posts: 52
    • Thanks: 0

    Re: Roksprocket Margins

    Posted 9 years 7 months ago
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22104
    • Thanks: 3200
    • messin' with stuff

    Re: Roksprocket Margins

    Posted 9 years 7 months ago
    • ul.sprocket-features-list li {
          margin: 0;
      }

      :)
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    • Chuck1's Avatar
    • Chuck1
    • Rocketeer
    • Posts: 52
    • Thanks: 0

    Re: Roksprocket Margins

    Posted 9 years 7 months ago
    • That did it!

      Thank you so much :)
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22104
    • Thanks: 3200
    • messin' with stuff

    Re: Roksprocket Margins

    Posted 9 years 7 months ago
    • good deal.

      If a thread is solved please edit your *original/first* post and place "[SOLVED]" (no quotes; don't forget the brackets) at the beginning of your post title. Changing the post icon to the Solved Checkmark is helpful too. :)
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    • Chuck1's Avatar
    • Chuck1
    • Rocketeer
    • Posts: 52
    • Thanks: 0

    Re: SOLVED Roksprocket Margins

    Posted 9 years 7 months ago
    • Hi Matt,

      Thanks againg for the solution to the margin.

      I am using the Roksproket again with the exact same template. And with the exact same issue.

      So I tried your solution and this time it's not working.

      Can you take a look for me?

      Here is the code I used
      /*rocksprocket*/
      ul.sprocket-features-slideshow li {
      margin: 0 ;
      }

      Here is a link to the website...
      http://74.220.207.110/~climater/

      FYI- I am using Features Layout and Slideshow.

      Thanks again for your time,
      Chuck
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22104
    • Thanks: 3200
    • messin' with stuff

    Re: SOLVED Roksprocket Margins

    Posted 9 years 6 months ago
    • ul.sprocket-features-img-list li {
      margin: 0;
      }


      :)
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:

Time to create page: 0.052 seconds