Goran Theme: Adjustments using CSS

• 

  politianna · Member · Jan 5, 2015 at 9:37 pm

  • Copy link
  • Add topic to favorites

  Hi there,
  I would like to make the following changes to Goran template using CSS:
  1. Removing Text Shadow from primary menu after I changed the backround to white.
  2. Removing Page Titles that appear over Featured Images.
  3. Adjusting the height of Featured Images in individual pages.

  Thanx in advance,
  Anna

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

• 

  nizamilputra · Member · Jan 6, 2015 at 1:12 am

  • Copy link

  Hi there, let me try to help you.

  1. Removing Text Shadow from primary menu after I changed the backround to white.

  .main-navigation a{
    text-shadow: none;
  }

  2. Removing Page Titles that appear over Featured Images.

  .hero-wrapper .page-title{
    display: none;
  }

  3. Adjusting the height of Featured Images in individual pages.

  I’m not sure what this is mean. Here I try to reduce padding-bottom of featured image;

  body.hero-image .hero.without-featured-image{
    padding-bottom: 0;
  }

  I also found weird hover color on main menu, we should change white color when menu is hovered;

  .main-navigation a:hover,
  .main-navigation a:focus,
  .main-navigation a:active,
  .main-navigation .current_page_item > a,
  .main-navigation .current-menu-item > a{
    color: #000; //change other color you like
    border-bottom-color: #000 //change other color you like or keep #fff if you don't want any border there.
  }

• 

  politianna · Member · Jan 6, 2015 at 7:06 am

  • Copy link

  Thanx, you’re a saviour!
  One last thing:
  I’d like a different Featured Image on each page with less padding than that of the Front Page.
  The padding-bottom code you gave me applies to all pages.

  Anna

• 

  nizamilputra · Member · Jan 6, 2015 at 7:34 am

  • Copy link

  Lets try with this;

  body.hero-image .hero.without-featured-image{
  padding-bottom: 0;
  }
  body.home.hero-image .hero.without-featured-image{
  padding: 144px 0;
  }

• 

  politianna · Member · Jan 6, 2015 at 4:43 pm

  • Copy link

  It worked!
  Many thanks,
  Anna

• 

  nizamilputra · Member · Jan 7, 2015 at 2:26 am

  • Copy link

  You are welcome, Anna :)