Announcement

Collapse
No announcement yet.

How to adjust margin spacing for a particular widget.

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • How to adjust margin spacing for a particular widget.

    Website : www.india-drive.com

    Click image for larger version

Name:	Capture.JPG
Views:	22
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.

  • #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 customization and demonstration site.
    vBulletin 5 Documentation - Updated every Friday. Report issues here.
    vBulletin 5 API - Full / Mobile
    I am not currently available for vB Messenger Chats.

    Comment


    • #3
      Originally posted by Wayne Luke View Post
      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


      • #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 customization and demonstration site.
        vBulletin 5 Documentation - Updated every Friday. Report issues here.
        vBulletin 5 API - Full / Mobile
        I am not currently available for vB Messenger Chats.

        Comment


        • #5
          Originally posted by Wayne Luke View Post
          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 5th Oct '16, 6:35pm.

          Comment


          • #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 customization and demonstration site.
            vBulletin 5 Documentation - Updated every Friday. Report issues here.
            vBulletin 5 API - Full / Mobile
            I am not currently available for vB Messenger Chats.

            Comment

            Related Topics

            Collapse

            Working...
            X