Flexslider Logo

Community Forums Forums Design Tips and Tricks Flexslider Logo

This topic is: resolved

Tagged: 

This topic contains 3 replies, has 2 voices, and was last updated by  lindebjerg 1 year, 11 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #9476

    lindebjerg
    Participant
    Post count: 42

    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;

    }

    #9489

    buddy_boy8403
    Participant
    Post count: 132

    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;
    }

    #9498

    lindebjerg
    Participant
    Post count: 42

    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?

    #9584

    lindebjerg
    Participant
    Post count: 42
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.