Costumize post titles

• 

  sonneggzh · Member · Jul 24, 2016 at 2:05 pm

  • Copy link
  • Add topic to favorites

  Hi! I’m using the “Purpose” theme, and I would like to costumize post titles, so that they don’t appear on the feature image (now you can’t either read the title properly, nor see the image under it very well). How can I do this with CSS?

  Also, how can I change the menu color from black to white, just when no white background bar appears by scrolling down?

  Many thanks!!!

  Betta

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

• 

  hallluke · Member · Jul 24, 2016 at 5:08 pm

  • Copy link

  To hide the titles you can use this:

  .home-slider .headline {
    display: none;
  }

  If you want to hide everything then go for this (you can mix and match these lines):

  .home-slider .headline,
  .home-slider .excerpt,
  .home-slider .more-link {
    display: none;
  }

  And if you want to keep the titles but make it easier to read against the image behind it then try this:

  .home-slider .headline {
    text-shadow:
      -1px -1px 0 #000,
       1px -1px 0 #000,
      -1px  1px 0 #000,
       1px  1px 0 #000;
  }

  or this:

  .home-slider .text-holder {
    background: rgba(0,0,0,0.5);
    padding: 10px 0;
  }

• 

  sonneggzh · Member · Jul 26, 2016 at 9:36 am

  • Copy link

  his was great, thanks!!

  Do you know what should I use instead of .home-slider in order to apply this changes to posts in the blog page?

  Thanks a lot!

• 

  hallluke · Member · Jul 26, 2016 at 10:23 am

  • Copy link

  You should be able to use body.single-post .feature-img .headline for both the outline and semi-reansparent background styles.

• 

  sonneggzh · Member · Jul 26, 2016 at 12:36 pm

  • Copy link

  Hey, many thanks, but I couldn’t hide the titles to the posts in the blog page (=”Veranstaltung”) with the following:

  .body .single-post .feature-img . headline {display: none}

  Is there anything I do wrong? :/

• 

  sonneggzh · Member · Jul 26, 2016 at 12:37 pm

  • Copy link

  Hey, many thanks, but I couldn’t hide the titles to the posts in the blog page (=”Veranstaltung”) with the following:

  .body .single-post .feature-img . headline {display: none}

  Is there anything I do wrong? :/

• 

  hallluke · Member · Jul 26, 2016 at 2:17 pm

  • Copy link

  For category and other archive pages instead of regular blog posts try using:

  body.archive .feature-img .headline {
  	...
  }