How to adjust margin spacing for a particular widget.

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • gowthamvarma
    New Member
    • May 2015
    • 7
    • 5.1.x

    How to adjust margin spacing for a particular widget.

    Website : www.india-drive.com

    Click image for larger version

Name:	Capture.JPG
Views:	84
Size:	157.7 KB
ID:	4354364

    I want to remove the margins only for the content slider. I don't want to remove it for the rest of the forum.
    Can someone provide me additional CSS, which will help in filling the empty space.
  • Wayne Luke
    vBulletin Technical Support Lead
    • Aug 2000
    • 73981

    #2
    If you inspect the widget elements using developer tools in your browser, it will have a custom CSS ID applied to it. You can add your own CSS overrides to this ID by placing the code in CSS Editor on the Style Tab.
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud demonstration site.
    vBulletin 5 API

    Comment

    • gowthamvarma
      New Member
      • May 2015
      • 7
      • 5.1.x

      #3
      Originally posted by Wayne Luke
      If you inspect the widget elements using developer tools in your browser, it will have a custom CSS ID applied to it. You can add your own CSS overrides to this ID by placing the code in CSS Editor on the Style Tab.
      Tried everything, but some how i am not able to make changes to it.
      Any further help from you side?

      Comment

      • Wayne Luke
        vBulletin Technical Support Lead
        • Aug 2000
        • 73981

        #4
        What is everything? Can you post some examples of what you tried?
        Translations provided by Google.

        Wayne Luke
        The Rabid Badger - a vBulletin Cloud demonstration site.
        vBulletin 5 API

        Comment

        • gowthamvarma
          New Member
          • May 2015
          • 7
          • 5.1.x

          #5
          Originally posted by Wayne Luke
          What is everything? Can you post some examples of what you tried?
          Issue is resolved.


          Code:
          #content{
          #content{
          
          width: 100%;
          height: 100%;
          padding-right: 0;
          padding-bottom: 0;
          padding-left: 0;
          }
          
          .canvas-layout-container .canvas-layout .canvas-layout-row.has-columns {
          padding-left: 10px;
          padding-right: 10px;
          }
          
          .page-title-widget .module-title, .page-title-widget .module-title h1 {
          padding-left: 10px;
          padding-right: 10px;
          }
           
          Last edited by gowthamvarma; Wed 5 Oct '16, 6:35pm.

          Comment

          • Wayne Luke
            vBulletin Technical Support Lead
            • Aug 2000
            • 73981

            #6
            Should remove the first line in your CSS above. The first two lines are duplicated and it will cause errors.
            Translations provided by Google.

            Wayne Luke
            The Rabid Badger - a vBulletin Cloud demonstration site.
            vBulletin 5 API

            Comment

            Related Topics

            Collapse

            Working...