Announcement

Collapse
No announcement yet.

Edit CSS

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

  • 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.

  • #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

    TalkNewsUK - My vBulletin 5.5.2 Demo
    AdminAmmo - My Cloud Demo

    Comment


    • #3
      Originally posted by Mark.B View Post
      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


      • #4
        For suggestions for the product, please log these in our Tracker:
        vB5 Improvement request
        http://tracker.vbulletin.com/secure/...91&issuetype=4

        vB5 New Feature
        http://tracker.vbulletin.com/secure/...91&issuetype=2

        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

        TalkNewsUK - My vBulletin 5.5.2 Demo
        AdminAmmo - My Cloud Demo

        Comment


        • #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


          • #6
            Originally posted by randomdriver View Post
            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

            TalkNewsUK - My vBulletin 5.5.2 Demo
            AdminAmmo - My Cloud Demo

            Comment


            • #7
              Originally posted by randomdriver View Post
              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 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

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