Jump to content


Photo
- - - - -
Resolved

Logo / Watermark Over Features

logo watermark features branding

Best Answer Danny , 26 October 2012 - 08:11 AM

Hi Max,

What you could do is use a CSS pseudo element, below is an example that will add an image over your Feature slider images. You will need to add your Feature Sliders area width and height and add your watermark image, but the code certainly works.

 
.fset_height::after {
content: "";
position: absolute;
background: transparent url( Add image path here ) repeat 0 0;
left: 0;
top: 0px;
display: block;
width: Add your Feature Slider width here;
height: Add your Feature Slider height here;
}

Also, depending on your image transparency, you may need to use the opacity property. Go to the full post


  • Please log in to reply
3 replies to this topic

#1 mxhg

mxhg

    Advanced Member

  • Members
  • 34 posts
  • Locationlove
  • Framework Version:2.3.3
  • Country: Country Flag

Posted 26 October 2012 - 07:24 AM

Dear PageLines Team,

I made a website with the Framework (

Please Login or Register to see this Hidden Content

).
I used "Features" for the Slideshow at the top.

Now I would like to have logo over the features (which is a separate file from the slideshow images). On the front page of the website you'll see how I want it (in those 5 pictures I put the logo directly in the image).

I will use lots of different images for each site dfferent images (Features) in the header so I would be really cool if there is a way to overlay the photos with the logo.

best wishes
Max

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16221 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 26 October 2012 - 08:11 AM   Best Answer

Hi Max,

What you could do is use a CSS pseudo element, below is an example that will add an image over your Feature slider images. You will need to add your Feature Sliders area width and height and add your watermark image, but the code certainly works.

Please Login or Register to see this Hidden Content


Also, depending on your image transparency, you may need to use the opacity property.
  • batman and mxhg like this

#3 mxhg

mxhg

    Advanced Member

  • Members
  • 34 posts
  • Locationlove
  • Framework Version:2.3.3
  • Country: Country Flag

Posted 26 October 2012 - 08:28 AM

This is amazing.
Thank you so much.

I changed the code little to:

Please Login or Register to see this Hidden Content



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16221 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 26 October 2012 - 09:23 AM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, logo, watermark, features, branding