how do I get text and the button onto my featured image on the home page and not

• 

  thepicturebar · Member · Mar 26, 2015 at 12:47 am

  • Copy link
  • Add topic to favorites

  how do I get text and the button onto my featured image on the home page and not below it?
  http://thepicturebar.com

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

• 

  thesacredpath · Member · Mar 26, 2015 at 11:26 pm

  • Copy link

  First off, if you narrower your browser window you will see that the featured image resizes considerably at about 1020px in window width, and at that point, the image isn’t tall enough to contain the title and button. The following is a Media Query that limits the move of the title and button to windows/screens 1020px and wider. Narrower than that and it moves back down below the image. I also included a rule to change the title color since you can’t see it when over the image.

  @media screen and (min-width: 1020px) {
  	.content-wrapper {
  		position: absolute;
  		left: 100px;
  		top: 10px;
  	}
  	.entry-content h3 {
  		color: #fff;
  	}
  }

• 

  thepicturebar · Member · Mar 27, 2015 at 6:12 am

  • Copy link

  I want it to work only for the home page. the above code changes the display of the featured image of all the other pages too.

• 

  thepicturebar · Member · Mar 27, 2015 at 6:16 am

  • Copy link

  got it! added .home to the code
  thanks!

• 

  thesacredpath · Member · Mar 27, 2015 at 8:39 pm

  • Copy link

  We can use the home CSS body class to limit the change to only the home page.

  @media screen and (min-width: 1020px) {
  	.home .content-wrapper {
  		position: absolute;
  		left: 100px;
  		top: 10px;
  	}
  	.home .entry-content h3 {
  		color: #fff;
  	}
  }

• 

  thepicturebar · Member · Mar 27, 2015 at 9:39 pm

  • Copy link

  Actually, could you please help me with the below 2 queries:

  1. I do not want the logo and menu to appear on the head of my homepage but instead the featured image to start from the top of the page without any space. How can I do that and alongside have the logo placed at the bottom of the homepage?

  2. Could I change the featured image on the home page into an image slider? How?

  http://www.thepicturebar.com

• 

  thepicturebar · Member · Mar 28, 2015 at 9:01 am

  • Copy link

  Hi,

  I was able to manage point 1.

  Need help with point 2 i.e. making the featured image on the home page a slider

  and also how do I ensure that my logo image widget appears only on the front page and no other page?

• 

  thesacredpath · Member · Mar 29, 2015 at 3:27 am

  • Copy link

  2. Could I change the featured image on the home page into an image slider? How?

  Full Frame does not have a post or image slider feature, and that is not something that can be added with CSS. You can take a look at the themes we have that have the Post Slider feature by clicking here.