problems with custom CSS and mobile template Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
3 posters

    problems with custom CSS and mobile template

    ribena_wrath
    ribena_wrath
    Forumember


    Male Posts : 66
    Reputation : 0
    Language : English

    In progress problems with custom CSS and mobile template

    Post by ribena_wrath December 21st 2014, 8:23 pm

    Hi all. I'm using a hitskin theme that I've re-styled with a lot of my own CSS code. The theme is dark with light text.

    People are running into problems with mobile version of the site showing them a light font on a light background, because you mobile template is pulling the font colour from my code. What I'm after is a way to edit the mobile theme. I can't seem to find a way to view the mobile theme in the browser so I can code it. Does anyone know how to make it appear?

    Does anyone know of another way to make my text visible on that mobile theme despite ditching my dark web template?

    View the forum here:
    www.cb500club.net

    Thanks guys! And Merry Happy Holidays!
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2108
    Reputation : 336
    Language : English
    Location : Ms

    In progress Re: problems with custom CSS and mobile template

    Post by _Twisted_Mods_ December 21st 2014, 9:06 pm

    look online for mobile website test or online mobile emulator

    also if you want something to just effect mobile devices look into mobile querys

    if the stuff you want to change you want to appear on mobile and desktop version and it being over ridden use !important a the end of your css

    color: #00ff00 !important;
    background-color: black !important;
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13246
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    In progress Re: problems with custom CSS and mobile template

    Post by Ange Tuteur December 22nd 2014, 1:34 am

    Hello @ribena_wrath,

    Add this to your stylesheet :
    Display > Colors > CSS stylesheet
    Code:
    .style2.post { color:#000 }

    As for emulating the mobile version, check this topic : http://fmdesign.forumotion.com/t249-how-to-emulate-the-mobile-version