Shading the theme page where I write.

  • Unknown's avatar
    bluemountaincounselingservices · Member ·

    The Motion Theme I am using is the one I like but the white font is hard to read. I have changes the font to yellow which is better bur gets lost in the clouds. The bottom of the theme has the shaded menus — this is the way I want my posts to appear — How do I do this???

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    lorelle · Member ·

    Consider changing to another WordPress Theme or purchasing the Extras package which permits custom CSS styling to change the sites to meet your needs. You will need some basic knowledge in web design to make such adjustments. Styling fonts against colors and images is tough work. Personally, I spent three months trying to find the right color against one image background.

    Good luck with it. Thanks.

  • Unknown's avatar
    justpi · Member ·

    @bluemountaincounselingservices: Switch the post or page editor to Text (=code) and use this code: 

    <div style="background:url('//wpcom-themes.svn.automattic.com/motion/images/blacktrans.png') repeat scroll 0 0 transparent;padding:10px;">

COMPLETE CONTENT HERE

</div>

    This will give you a bg identical to that of the post titles. If you prefer the darker one of the widgets, turn “blacktrans” to “blacktrans2”.

    Obviously you’ll have to do this for each and every post and static page. If you had the Custom Design upgrade, you would take care of the bg once for all in the CSS editor (and it would take a few seconds, not three months).

  • Unknown's avatar
    bluemountaincounselingservices · Member ·

    Justpi:
    THANK YOU!! That worked is exactly what I wanted — I appreciate it.

  • Unknown's avatar
    justpi · Member ·

    You’re welcome.

    A couple of things re the color of the text:

    a) The color tool of the Visual editor is designed for highlighting words or phrases inside a paragraph. When you use it for a whole post, it adds the same (wrong) code to each paragraph, so it creates a lot of redundant code. For future posts at least, better incorporate the color command in the code I gave you, i.e. turn the opening tag of the above to this:
    <div style="color:#FFFF00;background:url('//wpcom-themes.svn.automattic.com/motion/images/blacktrans.png') repeat scroll 0 0 transparent;padding:10px;">

    b) FFFF00 is the hex number for the color you’ve added (basic yellow). I don’t think that’s the best choice. You can find more interesting hues, with the corresponding hex numbers, here:
    http://www.december.com/html/spec/color1.html

  • The topic ‘Shading the theme page where I write.’ is closed to new replies.