Sequential Headers Help

• 

  marcosbhd · Member · Jan 11, 2015 at 12:31 am

  • Copy link
  • Add topic to favorites

  Hi! I received help with this theme earlier this week but I need a few more pointers.

  a) I want to make my header cross screen, as in from right to left.
  b) In the bottom where the social media buttons are, I want to turn that areas below the white line into the same color as my navigation bar (in this case orange).
  c) Can I add background color/image to the headers for the widgets?
  d) In the front page I wrote a message saying welcome (acts as a page right now), can I move this elsewhere? (I want this landing page to be a one page with no scroll but I dont like white space either).
  e) Changing link colors?

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

• 

  staff-happychia · Staff · Jan 11, 2015 at 2:46 am

  • Copy link

  a)

  .site-header .wrapper {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  }
  
  .site-branding {
      margin-left: 72px;
  }
  
  .main-navigation {
      margin-right: 0px;
  }

  b)

  .site .footer-navigation , .site .site-footer{
      background: #ED950F;
  }

  c)
  Add background color:

  h1.widget-title {
  	background: #ED950F;
  }

  Add background image: ( replace the image address between ” and “

  h1.widget-title {
  	background: url("http://your background image") no-repeat;
  }

  d) We can hide the div containing the message but it does not remove the scroll bar which I think is beacause of the height of the image above.

  e) Which link color? This CSS changes the link color of your menu items at the top right navigation bar.

  .main-navigation a {
  	color: green;
  }