Recent
Categories
View Replies (6)

Kindle - floating text

0
Votes
Undo
  1. keithvb
    keithvb
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 12 March 2014
  5.  Subscribe via email
Hi,

Using and enjoying the Kindle template!

On the website new3.thesciencecouncil.com I'd like to place text
floating over the left side of the image with the planet earth in it.
I'd like to be able to control the text so that it is readable on moblie devices.

The image is in a custom html module.

thanks,

Keith
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Keith

Could I ask you to add your text just after the image in your Custom HTML module. We will then take a second look and come up with the CSS which will overlay it over your image.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
keithvb
keithvb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I've added the text.
Thanks for your help.

Keith
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Sorry Keith.. I forgot to mention to place your text inside a div so we can re-position it.

Eg.

<div class="slideshow_text">



<!-- Your text goes here -->



</div>


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
keithvb
keithvb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Done.

thanks...
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

Now to re-position your text you can add something like the following to the Custom CSS field of your templates parameters...


.top-1 .custom {

    position: relative;

}

.slideshow-text {

    left: 50px;

    position: absolute;

    top: 80px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
keithvb
keithvb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Beautiful!
Thanks!

Keith
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!