August 10, 2013 at 6:53 pm #27555
I’m using the layer slider I’m trying to use a logo (.png with transparent background) as one of the layers. I would like the logo to have a black box around the image just like the text in the sample demo. The black box does show up in the preview in the layer slider setup area, however, on the live site all I see is the logo and the shadow generated by the CSS.
What setting should I adjust to get the box to show up on the live site and how why might the preview show the box and not the slider on the actual homepage?
Thanks for the help!
-ChrisAugust 12, 2013 at 12:56 am #134418
Can you give us a screenshot of what you’re trying to do?
On LayerSlider WP, edit the layer, under Style panel add a padding on top, bottom, left and right. Give it a background or add this on custom style settings field:
This will create a transparent white box around the logo.
IsmaelAugust 12, 2013 at 3:31 am #134419
Thanks for the reply. I tried your suggestions above and had the same results. I already had a padding set for the image layer and the background color set to black. When I do that the preview looks fine with a black box, however, the live slider doesn’t show the background.
The same thing happened when I pasted in your CSS sample above. The white box looked just fine on the preview but on the live slider all I got was the logo with no back ground.
Please take a look at the screenshots below. The first three are the settings for the layer and the preview from the LayerSlider admin area. You’ll see that the preview has the WordPress logo formatted with a black box around it. The last screenshot is the slider on the homepage that shows the logo in the same position as the preview, however, there is no box (the text with similar style settings all show up with the box just fine).
Thanks for the help!
-ChrisAugust 12, 2013 at 8:45 am #134420
Please give the logo image with a unique css selector then copy the css code on your Quick CSS or custom.css, apply it on the specified selector. Place !important if necessary.
IsmaelAugust 12, 2013 at 12:10 pm #134421
Thanks Ismael. I’ll give it a try. How do I give the logo a unique CSS selector?August 12, 2013 at 10:45 pm #134422
When editing a layer switch to the attributes tab:
KriesiAugust 15, 2013 at 1:07 am #134423
Sorry for another question on this. But once I create the attribute for the layer, how do I properly reference the attribute in the custom.css or quick CSS?
I know what the actual CSS code should be, but Im just a little fuzzy on the syntax to reference the layer properly.
Thanks for the help!August 15, 2013 at 4:14 am #134424
For example, you added an ID on the attributes panel, something like “awesome”. You can use it like this on your custom.css or Quick CSS
IsmaelAugust 15, 2013 at 4:39 am #134425
I tried that and I still cant get it to work. It will apply any changes I put in the layer’s style box (except the background color) but doesn’t seem to be taking any changes I put in either quick CSS or custom.css.August 16, 2013 at 6:19 pm #134426
The topic ‘Issue with Layer Slider Images’ is closed to new replies.