Announcement

Collapse
No announcement yet.

[VB4] How do you change Mobile colours?

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

  • CricketWeb
    replied
    No worries Joe, thanks for helping me out so far.

    For anyone in the future who comes across this thread, this is the follow-up - http://www.vbulletin.org/forum/showthread.php?t=299410

    Leave a comment:


  • Joe D.
    replied
    Again, the mobile style is not designed to be easily edited, unfortunately. I tried a few things but it all comes from the jquery stuff so it just isn't working. You might be able to get more help on www.vbulletin.org, the modification site.

    Leave a comment:


  • CricketWeb
    replied
    Can anyone help me here please?

    Leave a comment:


  • CricketWeb
    replied
    Thanks for that information Joe. That did the trick perfectly

    Final change, do you know how I can check these areas:

    1)



    2)



    3)

    Attached Files
    Last edited by CricketWeb; Sat 15th Jun '13, 5:56pm.

    Leave a comment:


  • Joe D.
    replied
    OK, it looks like those gradients may be added by javascript (jquery).

    To override them put code in the vbulletin.css templae

    use !important to force your code to be dominant.

    Example adding this to your vbulletin.css with override the yellow rgradient notices with a blue background-

    Code:
    .ui-body-e, .ui-dialog.ui-overlay-e P { background: blue !important; }

    Leave a comment:


  • Joe D.
    replied
    From you "1" picture I see the ID of the elements you want to change start with navbar_notice_

    So go to "Search in Templates" and search only the mobile style and search for navbar_notice_ and it should return only a couple of results, one of them being the css file you need to edit. Then obviously find it in the template and make the actual edits.

    Remember in CSS ID's get preceded with # and classes get periods (.)

    #idname

    .classname

    So for an ID you are looking for #navbar_notice_

    If it's not under the ID, then look for the classes instead.


    EDIT - After testing this myself it's not working either... Have to look into it more.
    Last edited by Joe D.; Wed 12th Jun '13, 9:49am.

    Leave a comment:


  • CricketWeb
    replied
    I'm trying to find where to change the yellow colour and the blue heading colour.



    I've tried looking at the following:





    but I can't find anything there that allows me to change it.

    I saw in the source code that it's referring to the below css files but none of these seem referenced in the templates section. Am I missing something here?


    Attached Files

    Leave a comment:


  • CricketWeb
    replied
    Thanks Joe, will give that a shot.

    Leave a comment:


  • Joe D.
    replied
    The mobile style isn't really designed to be edited like that. It doesn't have an additional.css template either. You would need to manually edit the various css templates to change colors, and they would be lost during any upgrade.

    Leave a comment:


  • CricketWeb
    started a topic [VB4] How do you change Mobile colours?

    [VB4] How do you change Mobile colours?

    How do you customise the colours of the Mobile Style? I'm not seeing any colour related styles in the Style Variable Editor.


Related Topics

Collapse

  • Faustvasea97
    Mobile style
    by Faustvasea97
    Hello , how can I disable mobile version for my forum ?
    Because of a lot of modification in CSS , on mobile version I got some bugs.
    So I want to be full forum.
    That is possible?...
    Fri 18th Dec '15, 7:26am
  • Faustvasea97
    Mobile style
    by Faustvasea97
    Hello , is there any ways on mobile version to be an other style ? Because I was edited my css so much and now when I'm accesing from mobile , the forum is crashed . Thanks
    Wed 13th Jan '16, 4:13am
Working...
X