Flexslider Logo

[lindebjergParticipant Post count: 16]

I have tried to get a Logo to show up in this Slider, but how can I get this to show up outside the caption box?

Perfect would be to load a Logo in the slide top left corner, or about 100px from left, 100px from the top.  But how do I do that?

http://weborbis.lindebjerg.de/

Here the FlexSlider CSS part.

/* FlexSlider Default Theme
*********************************/

.flexslider { position: relative; zoom: 1;}

.flexslider .slides {zoom: 1;}

.flexslider .slides > li {position: relative;}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.flex-container {zoom: 1; position: relative;}

/* Caption style */

/* IE rgba() hack */

.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}

.flex-caption {

background: url("http://weborbis.lindebjerg.de/images/weborbis-logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.8);

color: #CBCBCB;

left: 846.5px;

margin: 0 auto;

padding: 20px;

position: absolute;

top: 210px;

z-index: 9999;

}

.flex-caption h1 {color: #ffffff; font-size: 32px;}

.flex-caption a {

color: #fff;

font: 300 italic 14px/21px Georgia, Serif;

text-decoration: none;

}

top: 210px;

z-index: 9999;

}

.flex-caption h1 {color: #ffffff; font-size: 32px;}

.flex-caption a {

color: #fff;

font: 300 italic 14px/21px Georgia, Serif;

text-decoration: none;

}

[buddy_boy8403Participant Post count: 124]

I’m not exactly sure what you are asking for, but does making changes in bold below to the .flex-caption on line 100 of your wp-content/themes/single/css/flexslider.css?ver=3.5 file accomplish what you are looking for?

.flex-caption {
background: url("http://weborbis.lindebjerg.de/images/weborbis-logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.8);
color: #CBCBCB;
left: 25px;
margin: 0 auto;
padding: 20px;
position: absolute;
top: 25px;
z-index: 9999;
}

[lindebjergParticipant Post count: 16]

hi, no… I will try explain myself better: Your code moved the whole flex-caption box to the top left corner, but I want only a image Logo to show up there. The Text Caption box must stay where it is now. Hope it helps?

[lindebjergParticipant Post count: 16]

Here a BIG Screenshot showing my problem

 

[Author]

Posts