CSS has me stumped! Help!

  • molliem

    (@molliem)


    13 years, 9 months ago

    After buying a premium theme, I realized I needed alot more customization than the theme offered. The solution? Learn CSS. Ugh.

    With the help of Firebug, I was able to come up with some “fixes” that I put into the “Custom CSS” box in the “Extra Input Settings” section in the “Theme Options” panel.

    Do I know what I’m doing?

    Nope!

    Did I give it a shot anyway?

    Yup!

    Did it work?

    Well, sort of.

    Here is my feeble attempt at modifying the theme:

    body  { background: #FFF4F0; font-size: 1em; color: #83644C;  font-family: 'Playfair Display'; }
.article h2.post-title a { color: #83644C; font-weight: 300px; }
.container { border-style: none }
.transparency { background-color: rgba(255, 255, 255, 0.5); }
.flex-caption { font-size: 1.7em; }
.flex-caption a { color: #83644C; }
info-meta-title { font-size 0 }
#count { display: none; }
ul.post-info-meta { border-bottom-style: dotted; color: #BA9C87; border-style color; ##BA9C87; }
.secondary-nav { font-weight: 400; height: 30px; }
nav {  border-top-width: 0; border-bottom-width: 0; border-top-color: #FFFFFF; border-bottom-color: #FFFFFF; border-style-top: none; border-style-bottom: none; height: 16px; }
.nav-icons { position: absolute; right: 20px; top: 5px; }
body.home .post-info-meta { display: none; }
.secondary-nav li.current_page_item a, .secondary-nav li.current-menu-item a { color: #FFFFFF; }

    It’s not pretty, I know. But I still am stumped with these few problems:

    1. I can NOT for the life of me figure out how to make the body copy smaller!

    2. I am trying to make the rules of the nav menu go away; they shouldn’t still be there, but as you will see they are still there.

    3. And this is weird problem (but I have not investigated why it is doing this): ALL my posts are flush right, when the should be flush left with the sidebar on the right according to the theme’s design and this was BEFORE I messed with it.

    To view the theme’s demo go here: http://www.bluchic.com/shop/beverly-theme.

    Before you ask – yes, I have contacted the provider. This is considered outside of the scope of customizations available to consumers who don’t know CSS.

    It’s still very much a work in progress – like locating all my missing posts (47) and fixing all the broken image links (hundreds!). Thanks to a move from WordPress.COM to ww.wp.xz.cn – I won’t even go into that.

    That’s it for starters…

    Thanks!

    Mollie at http://www.PoisonedPets.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • vtxyzzy

    (@vtxyzzy)

    13 years, 9 months ago

    You should create a Child theme to make your changes. If you do not, all of your changes will be lost if you update your theme.

    Try adding this to the end of your style.css:

    article p { font-size: 2px; }
.nav { border: none !important; }
    Thread Starter molliem

    (@molliem)

    13 years, 9 months ago

    Thanks for the answers!

    I thought I would mess around with it before I have to learn how to do a child theme. Ugh.

    Pioneer Web Design

    (@swansonphotos)

    13 years, 9 months ago

    If you decide to create a child theme, you can replace the edited files of the parent theme with the unmodified files.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS has me stumped! Help!’ is closed to new replies.