Dear PageLines Team,
I made a website with the Framework ( ).
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
Logo / Watermark Over Features
Started by
mxhg
, Oct 26 2012 07:24 AM
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
3 replies to this topic
#1
mxhg
-
- Members
- 27 posts
Member
- Locationlove
- Framework Version:2.3.3
-
Country:
Posted 26 October 2012 - 07:24 AM
#2
Danny
-
- Moderators
-
- 7,529 posts
Ninja
- LocationManchester, UK
-
Country:
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.
Also, depending on your image transparency, you may need to use the opacity property.
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.
Also, depending on your image transparency, you may need to use the opacity property.
#3
mxhg
-
- Members
- 27 posts
Member
- Locationlove
- Framework Version:2.3.3
-
Country:
Posted 26 October 2012 - 08:28 AM
This is amazing.
Thank you so much.
I changed the code little to:
Thank you so much.
I changed the code little to:
#4
Danny
-
- Moderators
-
- 7,529 posts
Ninja
- LocationManchester, UK
-
Country:
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
 Answered
PageLines Framework →
Technical Support →
Feature images disappeared since framework updateStarted by create , 19 May 2013  Pagelines Developer Framework and 1 more...
|
|
|
||
PageLines Framework →
Technical Support →
Feature slider buggin outStarted by jeremyh78 , 18 May 2013 features
|
|
|
||
Answered
PageLines Framework →
Customizations →
Feature rounded corners and shadowStarted by winemonkey , 17 May 2013 features, rounded corners, shadow
|
|
|
||
Answered
PageLines Framework →
Technical Support →
Social Icons not updating properly in Brandnav sectionStarted by diretornak , 12 May 2013 framework, branding, social icon
|
|
|
||
PageLines Framework →
Technical Support →
Features Section w/ Over Zoomed Cropped ImagesStarted by rubyhaus , 07 May 2013 Features
|
|
|
