How do I reduce the padding around images in CMS articles?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • MagicDeckVortex
    Member
    • Jun 2007
    • 81
    • 3.8.x

    [CMS] How do I reduce the padding around images in CMS articles?

    In the forum, when three images are next to each the padding around the images is fine. However, when three images are next to each other in a CMS article, the padding is too much. I would say about 8 pixels too much (give or take).

    How do I change this so that the padding around images in CMS articles is one or two instead of 10?

    NOTE: I don't believe I asked this before or received an answer on this issue. If this has been asked and answered before I apologize. I did do a quick search on the issue and couldn't find anything in the last few months.

    Thank you in advance for your help! If you need screenshots, please let me know.
    Owner and webmaster of www.magicdeckvortex.com
  • anthonyparsons
    Senior Member
    • Mar 2005
    • 2597

    #2
    The padding is controlled by common > padding stylevar.

    Comment

    • anthonyparsons
      Senior Member
      • Mar 2005
      • 2597

      #3
      You can also adjust from vbcms.css:

      HTML Code:
      .article img {
      	border:0;
      	margin:{vb:stylevar padding};
      }
      I would highly recommend you don't adjust it within vbcms.css, but instead copy it out and paste it into additional.css and modify it there.

      Change {vb:stylevar padding} to 1px or 2px, etc, to what you want to achieve.

      Comment

      • MagicDeckVortex
        Member
        • Jun 2007
        • 81
        • 3.8.x

        #4
        I did as you mentioned above -- but the margins were all set to 0 already. I added the cost into the additional.cms and changed it to 1 -- but nothing changed. :/
        Owner and webmaster of www.magicdeckvortex.com

        Comment

        • anthonyparsons
          Senior Member
          • Mar 2005
          • 2597

          #5
          Additional.css

          HTML Code:
          .article img {
          	border:0;
          	margin:1px;
          }

          Comment

          • MRGTB
            Senior Member
            • May 2005
            • 5454

            #6
            border:none; http://www.w3schools.com/css/pr_border-style.asp

            Comment

            • MagicDeckVortex
              Member
              • Jun 2007
              • 81
              • 3.8.x

              #7
              This worked great. Thank you!!!
              Owner and webmaster of www.magicdeckvortex.com

              Comment

              widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
              Working...