HTML Module css modification

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Craig
    Senior Member
    • Jan 2008
    • 998
    • 6.X

    [Site Builder] HTML Module css modification

    Within the HTML modules is the Title field, then the Module HTML where you can enter your coding. Once the module is saved and published the core software places a line between the two fields. Is there a way to change the color of that line for only that module using pure css?

    If so how?
    adktramping ~ my happy place.

    "Whoever said practice makes perfect was an idiot. Humans can't be perfect because we're not machines." ~ Sam Gardner.

    Vote for your favorite feature requests and the bugs you want to see fixed.
  • In Omnibus
    Senior Member
    • Apr 2010
    • 2310

    #2
    If you inspect the module element you can obtain the data-widget-id and target it using CSS.

    The class is widget-header-divider

    Comment

    • Craig
      Senior Member
      • Jan 2008
      • 998
      • 6.X

      #3
      I've identified the widget, but how should it be in the css code?

      I've got the css alright, not sure how to place the identifier inside.

      Code:
      .widget-header-divider {
          border-top: 2px solid #DAA520;
      }
      adktramping ~ my happy place.

      "Whoever said practice makes perfect was an idiot. Humans can't be perfect because we're not machines." ~ Sam Gardner.

      Vote for your favorite feature requests and the bugs you want to see fixed.

      Comment

      • Craig
        Senior Member
        • Jan 2008
        • 998
        • 6.X

        #4
        Got it with some help delicjous , thank you In Omnibus !

        Code:
        #widget_187 .widget-header-divider {border-top: 4px solid #DAA520;  }
        Last edited by Craig; Thu 28 Mar '19, 12:38am.
        adktramping ~ my happy place.

        "Whoever said practice makes perfect was an idiot. Humans can't be perfect because we're not machines." ~ Sam Gardner.

        Vote for your favorite feature requests and the bugs you want to see fixed.

        Comment

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