Edit CSS

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • randomdriver
    Member
    • Jul 2010
    • 30
    • 3.8.x

    Edit CSS

    I just did a search and didn't find anything in the forum.

    I simply want to edit the id wrapper and id header. How can I edit the CSS?

    I am using beta 25, haven't upgraded to 26 yet.
  • Mark.B
    vBulletin Support
    • Feb 2004
    • 24286
    • 6.0.X

    #2
    Best way is to get hold of something like Firebug, and use this to find the css you need. then put your changes in the css_additional.css template.
    You can also make limited changes via the stylevars.
    MARK.B
    vBulletin Support
    ------------
    My Unofficial vBulletin 6.0.0 Demo: https://www.talknewsuk.com
    My Unofficial vBulletin Cloud Demo: https://www.adminammo.com

    Comment

    • randomdriver
      Member
      • Jul 2010
      • 30
      • 3.8.x

      #3
      Originally posted by Mark.B
      Best way is to get hold of something like Firebug, and use this to find the css you need. then put your changes in the css_additional.css template.
      You can also make limited changes via the stylevars.
      Thanks for the info. As a suggestion for your team, it would be better if I could edit a raw CSS file like WordPress allows. It gives more flexibility for power users. Adding a second rule for #wrapper{ } at the bottom of a second CSS file is wasteful, not to mention as the CSS files are processed, a user might see the page rendered one way when the first rule is applied and then a sudden flash to the newer rule.

      I should be able to edit the #wrapper{} itself.

      Guess I'll have to do what I do in vB3 and just copy/paste the default CSS file into a file. Hard link to it, then make my changes as I see fit and bypass the vB system all together. Much more efficient.

      - - - Updated - - -

      Hey Mark,

      Thanks again for the reply. I did a search and didn't find in the template area css_additional.css

      - - - Updated - - -

      Nevermind, I found it.

      Comment

      • Mark.B
        vBulletin Support
        • Feb 2004
        • 24286
        • 6.0.X

        #4
        For suggestions for the product, please log these in our Tracker:
        vB5 Improvement request


        vB5 New Feature


        To find the template I mentioned:
        AdminCP > Styles & Templates > Search In templates

        In the search box type: css_additional.css
        Change "Search Titles Only" to "Yes"
        Press FIND
        MARK.B
        vBulletin Support
        ------------
        My Unofficial vBulletin 6.0.0 Demo: https://www.talknewsuk.com
        My Unofficial vBulletin Cloud Demo: https://www.adminammo.com

        Comment

        • randomdriver
          Member
          • Jul 2010
          • 30
          • 3.8.x

          #5
          Mark,

          Thanks for the tip, I will send a suggestion.

          Looks like we can also edit css_global.css as that is what I really wanted.

          Comment

          • Mark.B
            vBulletin Support
            • Feb 2004
            • 24286
            • 6.0.X

            #6
            Originally posted by randomdriver
            Mark,

            Thanks for the tip, I will send a suggestion.

            Looks like we can also edit css_global.css as that is what I really wanted.
            You can edit that but it's not recommended, especially during the beta phase, since it will be regularly updated.

            It is best to use the template I mentioned, as this is called after the other css is loaded.
            MARK.B
            vBulletin Support
            ------------
            My Unofficial vBulletin 6.0.0 Demo: https://www.talknewsuk.com
            My Unofficial vBulletin Cloud Demo: https://www.adminammo.com

            Comment

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

              #7
              Originally posted by randomdriver
              Mark,

              Thanks for the tip, I will send a suggestion.

              Looks like we can also edit css_global.css as that is what I really wanted.
              We don't recommend this and it isn't necessary in CSS as the last rules declared would be used by the browser.

              If you put your code in the css_additional.css template than it will be protected against future upgrades and template merges. Plus you won't have issues receiving support due to modifications. Simply apply your code to the #wrapper selector and it will work without editing a default template.
              Translations provided by Google.

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

              Comment

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