Skeptical: Deleting banner at top increasing blog title size

• 

  solidgoldcreativity · Member · Feb 24, 2013 at 5:21 am

  • Copy link
  • Add topic to favorites

  Hello All,

  I use Skeptical theme and I would like to:

  (1) delete the coloured banner that runs along the top
  (2) increase the font size of the blog title and tagline by at least 100%
  (3) make the blog title and tagline the same colour as the present banner (orange).

  I have the CSS upgrade. Any help is much appreciated.

  Thank you.
  Solid gold creativity (http://www.solidgoldcreativity.com)

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

• 

  designsimply · Member · Feb 28, 2013 at 11:45 am

  • Copy link

  I checked http://solidgoldcreativity.com/ just now and I found that you switched to the Oxygen theme.

  To double the font size of the blog title and tagline:

  .site-header .site-title {
  	font-size: 6em;
  }
  
  .site-header .site-description {
  	font-size: 2em;
  }

  To make the site title and blog line the same color:

  .site-title a,
  .site-description {
  	color: #0da4d3;
  }

• 

  solidgoldcreativity · Member · Feb 28, 2013 at 10:37 pm

  • Copy link

  Hi Sheri,

  I’d switch back to Skeptical, which I like for its clarity of design, if I could just get rid of the solid block colour banner across the top and adjust the title size and colour.

  Is it possible?

  Thank you.

• 

  solidgoldcreativity · Member · Feb 28, 2013 at 11:16 pm

  • Copy link

  Hi again Sheri,

  I changed back to Skeptical so we can discuss it. Thanks.

  SGC

• 

  designsimply · Member · Mar 4, 2013 at 10:28 pm

  • Copy link

  (1) delete the coloured banner that runs along the top
  (2) increase the font size of the blog title and tagline by at least 100%
  (3) make the blog title and tagline the same colour as the present banner (orange).

  Give this a try to adjust the header background and font colors in the Skeptical theme:

  #wrapper {
  	border-top: none;
  }
  #header {
  	background-color: inherit;
  }
  #logo .site-title a,
  #logo .site-description,
  .nav a:link,
  .nav a:visited,
  .nav li:hover > a,
  .nav a:hover,
  .nav li.current_page_item a:link,
  .nav li.current_page_item a:visited,
  #navigation ul.rss li a
  {
  	background-color: inherit;
  	color: #f46600;
  }

  Note that this covers your current setup. It does not take into account submenu link colors or submenu link hover background colors.