Home → Question →

Text Box

• Edit

Ashley Good

Sep 12, 2013 @ 03:41 PM

Hi there,
I'm still working on that website for my friend. We're trying to place text in a transparent box so that it's still visible over the background image. I've found CSS code that enables me to do this on the W3schools site (http://www.w3schools.com/css/css_image_transparency.asp - Example 3) but I can't work out how to implement this on Berta. Can you advise me how?
Ash

1. Support Staff 1 Posted by Uldis on Sep 13, 2013 @ 05:55 AM

   

   Hi, Ashley
   if you are using Messy template, then insert this code in "template design - custom CSS"
   

   #pageEntries .xEntry {
   background-color: rgba(255,255,255,0.5);
   }
   

   this will make a 50% transparent white background color for each entry.

   • Edit

2. Uldis closed this discussion on Sep 13, 2013 @ 05:55 AM.

3. Ashley Good re-opened this discussion on Sep 13, 2013 @ 08:34 AM

4. 2 Posted by Ashley Good on Sep 13, 2013 @ 08:34 AM

   

   Hi Uldis,
   Thanks for getting back to me. This is fantastic, however it creates a small problem in that there's now a transparent white box behind images and embedded video too. Any ideas on how to fix this?
   An example is here: http://www.lucyweir.berta.me/floor-barre/gallery/
   The edge of the box is visible at the bottom of the gallery. Is there a way to remove it or to expand it all the way around the gallery?
   Best wishes,
   Ash

   • Edit

5. Support Staff 3 Posted by Uldis on Sep 13, 2013 @ 01:21 PM

   

   I have made some changes in your "custom CSS". Added extra space around entries and fixed gallery width.
   Refresh the page http://www.lucyweir.berta.me/floor-barre/gallery/ and send me a feedback.

   • Edit

6. 4 Posted by Ashley Good on Sep 13, 2013 @ 02:00 PM

   

   Hi Uldis,
   That looks brilliant thank you!
   However something seems to have gone wrong when the nameservers were transferred over. The Book Classes and Basket have not properly transferred. The Basket has vanished while the Book Classes page is missing information.
   If I look at http://www.lucyweir.berta.me/book-classes/ then everything is correct but at http://www.lucyweir.co.uk/book-classes there are things missing.
   Any ideas?
   Ash

   • Edit

7. 5 Posted by Ashley Good on Sep 13, 2013 @ 02:10 PM

   

   Actually, never mind. I've worked out why this has happened.

   • Edit

8. Uldis closed this discussion on Sep 13, 2013 @ 02:28 PM.