Site Builder Theme help

  • 1
  • Question
  • Updated 6 years ago
  • Answered
Hi there, im currently working on a few websites using yola and have almost just finished one there is however one thing i need help with ... ive picked a theme im happy with ... however it has grass at the bottom of the page which stays in place when you scroll down ..... please could you tell me how to remove just the grass or remove it for me? the website i need this doing on is www.postcodeparcel.com
Photo of AlexisH

AlexisH

  • 53 Posts
  • 0 Reply Likes

Posted 6 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Alexis,

I think you have Yola silver so you can add this to your CSS over-rides:
div.ys-grass {
bottom: 0;
height: 111px;
left: 0;
position: fixed;
width: 100%;
z-index: 10;
}
* {
font-size: 100%;
}


Using the Site CSS:

Click on Site > Site Settings> scroll down to content and across to Site CSS.
The Site CSS dialog box will open up with the Site CSS Override on the left-hand side and on the right hand side, you'll see a Preview tab (for viewing the changes), Site CSS (to see the default CSS codes used) and the Site HTML (to see the default HTML codes used).

Copy and Paste the above code into the Site CSS Override on the left-hand side.

At the bottom of your dialog box, uncheck the "Disable Site CSS Overrides".
Click on the "Preview" tab to see the changes.
Then click on "OK". You will now see your changes applied to all pages in your Sitebuilder.

This procedure will remove the grass from all pages of your site.
Photo of AlexisH

AlexisH

  • 53 Posts
  • 0 Reply Likes
thankyou mate that worked .... well i had to change the height and width to 0 but it worked ty
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes