Text box to the right only on homepage

• 

  ingevanrooij · Member · Aug 24, 2018 at 11:27 am

  • Copy link
  • Add topic to favorites

  Hi, I’m using the entrepreneur theme. I have moved the textbox on the homepage to the right, using the following CSS:

  
  @media only screen and (min-width: 800px) {
  #page .content-area {
  float: right;
  padding-left: 15%;
  padding-right: 5%;
  }
  }

  However, the text boxes on all pages moved to the right. I only want to move the text box on the homepage. Could you please tell me how to adjust the CSS?
  Thanks in advance!
  regards, Inge

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

• 

  dkmyta · Member · Aug 24, 2018 at 2:51 pm

  • Copy link

  Hey there,

  You should be able to apply the CSS directly to the homepage only by adding the home class selector to the beginning of the page declaration, like so:

  @media only screen and (min-width: 800px) {
        .home #page .content-area {
            float: right;
            padding-left: 15%;
            padding-right: 5%;
        }
  }

  Hope this helps! Otherwise please provide your website URL and I can then take direct look at your homepage set up.

  Cheers