Updating CSS in Mystique Theme

• 

  joeschurman · Member · Jan 5, 2012 at 9:39 pm

  • Copy link
  • Add topic to favorites

  I’m trying to make some pretty simple changes to the menu and header of my site, but for some reason, none of the changes that I apply are updating when I refresh the page either in preview mode or when saving and looking at the site. I’ve tried multiple browsers to see if it was due to caching, but still no luck.

  Change I’m trying to make:

  #branding #logo a {
  color:#000000;
  text-transform:upperrcase;
  }

  Also, does anyone know how to edit the menu bar in the Mystique theme so that the Social Icons appear in front of the menu/navigation bar instead of behind?

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

• 

  joeschurman · Member · Jan 5, 2012 at 9:44 pm

  • Copy link

  nevermind, i believe i figured it out as the changes i were making were to the wrong elements that were not present on the page. awesome.

• 

  joeschurman · Member · Jan 5, 2012 at 10:19 pm

  • Copy link

  ok, i figured out most of the issues i was having minus the social icon question. does anyone know how to display the full image instead of having the bottom cut-off?

• 

  designsimply · Member · Jan 5, 2012 at 10:26 pm

  • Copy link

  There was a typo in your original CSS above. It should be “uppercase” not “upperrcase”.

  Try this:

  #branding #logo a {
  color:#000000;
  text-transform:upperrcase;
  }

  I tested that and it worked in my test.

• 

  thesacredpath · Member · Jan 5, 2012 at 10:29 pm

  • Copy link

  DS, too many r’s. :-)

  text-transform:uppercase;

• 

  thesacredpath · Member · Jan 5, 2012 at 10:37 pm

  • Copy link

  This will give you the full height on the social icons.

  .social-icons a {
  height: 65px;
  }

  They look really weird though angled like that when they are not hidden behind the menu bar.