Mobile CSS

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #147725
    aling
    Participant

    Hello-
    I created a tribe-event.css per the theme guide on overwriting certain css styles but I don’t understand how to overwrite certain mobile css within that file. I’m very new to responsive design so I don’t understand.

    Please help!

    Thanks,
    Amy

    #148517
    Casey D
    Member

    Hello aling,

    Thanks for contacting us!

    Unfortunately that level of customization typically goes beyond the scope of the forums, but if you offer some specific examples/problems I may be able to help.

    The more specific your examples, links, screen-sizes and especially screenshots, the more I’ll be able to create fixes quickly. Otherwise I’ll just run out of time :/

    Feel free to reply and I’ll see what I can do!

    – Casey Driscoll

    #150904
    aling
    Participant

    Hi Casey-
    Thanks for getting back to me. The changes I want to do is very minor so I can’t probably just edit it directly in the plugin css files.

    But what I wanted to do for instance is, for this mobile css: “.tribe-events-sub-nav li a”, I wanted to change it so that there is no background color at all. Or changing out background or font colors.

    Let me know,
    Amy

    #150907
    aling
    Participant

    can’t = can

    #151718
    Casey D
    Member

    Some screenshots or links would help with the actual specifics, but here are some pointers to get you started.

    1. Typically, don’t change the theme or plugin’s css files, they will be overwritten on updates.
    2. Use overriding css files, or use plugins like http://wordpress.org/plugins/simple-custom-css/ to add css to your site.
    3. Use !important before a semicolon to override every css rule. It’s a brute force method, but works for quick fixes.
    4. Google is great for CSS fixes. Just type a few keywords with ‘css’ and you should find something very helpful.

    I don’t know much about your site, but given these rules I believe the code you are looking for is something like this:

    .tribe-events-sub-nav li a { background: none !important; }

    Does this make sense? Let me know if this doesn’t work for you.

    Cheers!

    – Casey Driscoll

    #167853
    Casey D
    Member

    Hello aling,

    We typically close threads if there is no activity after two weeks. Feel free to create a new thread and reference this one to save you time.

    Cheers!

    – Casey Driscoll

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile CSS’ is closed to new replies.