Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 30, 2015 at 11:11 am #466306
    cthai

    Hi there,

    I am trying to place a special heading box on top of the image hot spot box, but I am noticing that this is not possible or that I do not know how. In my special heading box, I have a heading and paragraph text.
    Would placing a text on top of image hot spot be possible?

    Thanks

    July 1, 2015 at 2:09 pm #466976
    Elliott

    Hey cthai!

    I’m not really sure I understand. Can you send us a link to your page and take a screenshot highlighting exactly what your trying to do?

    Cheers!
    Elliott

    July 2, 2015 at 9:53 am #467375
    cthai

    Hi Elliot, I added a link to my page in the private content area as well as the link of the area I referred to in my first post.
    Currently the text is below the map within the same color section, and I would like it to move up overlapping on top of the left side of the map.

    Thanks

    July 3, 2015 at 3:09 pm #468041
    Elliott

    Hey!

    Your screenshot looks exactly like your current site. If your trying to move the text up a bit then drag a codeblock element to your page and add this inside.

    <style type = "text/css">
#av_section_2 .first {
  position: absolute;
  top: 50px;
}
</style>

    Best regards,
    Elliott

    July 5, 2015 at 1:32 pm #468554
    cthai

    Thanks Elliot, I have tried that, but the problem with is the layout doesn’t flow naturally on mobile since it’s positioned absolute, which is why I wondered whether the theme would allow a text block to overlay an image hotspot like with a color section. Unless there is a workaround to wrap the background content to flow with the text.

    Here’s a screenshot of what the layout looks like on smaller widths with position absolute: http://tinypic.com/view.php?pic=2v192cy&s=8#.VZkVhxOqqko

    Thanks

    July 6, 2015 at 1:33 pm #468879
    Yigit

    Hey!

    Please change the code to following one and adjust as needed

    <style type = "text/css">
@media only screen and (min-width: 990px) {
#av_section_2 .first {
  position: absolute;
  top: 50px;
}}
</style>

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.