Featured Post Title Text Modification

• 

  nickareno38 · Member · May 9, 2015 at 2:30 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I need to modify the size and position of the text in the featured image slider on the main page. I know how to modify the picture size and the slider size, but I need to edit the text size and position. Any help would be appreciated.

  Thanks.

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

• 

  staff-jeanpierreac · Staff · May 11, 2015 at 8:30 am

  • Copy link

  Hi
  Just to be sure to understand you, could you please add an example? I mean: I would like to change “Help to…” to “New text …”

• 

  nickareno38 · Member · May 12, 2015 at 12:12 am

  • Copy link

  Can you please provide the CSS to modify the position and the size where it says “HELP SUPPORT MY EFFORTS IN SONGEA, TANZANIA IN SUMMER 2015” on the home page of the site in the featured post area.

• 

  thesacredpath · Member · May 12, 2015 at 2:08 am

  • Copy link

  Hi, for the entry title in the featured section:

  .featured-content .entry-title a {
      color: #cc0000;
      font-size: 50%;
  }
  .slider .featured-content .entry-title {
      line-height: 0.7;
  }

  For the entry meta (mission/service trips)

  .slider .featured-content .entry-meta a {
      color: #11ee44;
  }
  .slider .featured-content .entry-meta {
      font-size: 110%;
  }

  Padding around the text in the white area (first number top, second is left/right and third number is bottom

  .slider .featured-content .entry-header {
      padding: 24px 30px 48px;
  }

  Changing the position of it can be a bit more difficult. To move to to top left

  .slider .featured-content .entry-header {
      top: 0;
      bottom: inherit;
  }

  To move it to top right (although with your smaller image, it lands part way out of the image)

  .slider .featured-content .entry-header {
      top: 0;
      bottom: inherit;
      right: 0;
      left: inherit;
  }

  To move to bottom right:

  .slider .featured-content .entry-header {
      right: 0;
      left: inherit;
  }