Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 7, 2014 at 10:58 pm #206509
    garyguthrie

    Issue:
    I’m trying to put a pad around our logo.
    It looks correct in Preview mode but not in realtime mode.
    (see the link below) for the complete issue.
    https://drive.google.com/file/d/0BwWWnRBmR627V3pEcDRsbFpCRjQ/edit?usp=sharing

    January 7, 2014 at 11:03 pm #206511
    Yigit

    Hey garyguthrie!

    Can you upload screenshots on imgur.com or Dropbox and post the links here? Link to your website would be helpful as well

    Cheers!
    Yigit

    January 8, 2014 at 12:15 am #206531
    garyguthrie

    The link I sent you (in the prev. e) has all the screenshots in it. Are you able to open that?
    The page in question is http://bluelobsterradio.us/?page_id=2474 (note: it’s a demo page)
    Thanks for any help you can lend!

    January 8, 2014 at 1:38 am #206555
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    div .logo { margin: 15px 0 15px 0; }

    If that does not work, please post the screenshots using imgur.com or Dropbox and post the links here. I cannot open the link you posted in your previous post

    Cheers!
    Yigit

    January 8, 2014 at 2:13 am #206571
    garyguthrie

    I’m sorry, but I’m not explaining this correctly. Doesn’t have anything to do with the logo.
    Here’s the Dropbox link to the demonstration file:
    https://www.dropbox.com/s/u5vrmrpv5kt7glq/PaddingIssue_1_mvyradio.pdf
    Thanks.

    January 8, 2014 at 2:29 am #206581
    Josue

    Hi!

    It has to do with a rule overwrite coming from the ls CSS, but i found a solution, set both layers an ID (Attributes tab), and then add this code to the Quick CSS:

    #my_layer_1, #my_layer_2{
background: rgba(255, 255, 255, 0.74902) !important;
}

    Cheers!
    Josue

    January 8, 2014 at 3:05 am #206596
    garyguthrie

    Sorry, but that didn’t work. http://bluelobsterradio.us/?page_id=2474
    What else could we try or should I just fake the effect by building a background box in P’shop?

    January 8, 2014 at 6:34 am #206650
    Ismael

    Hey!

    Edit config-layerslider > Layerslider > css > layerslider.css, find this code on line 585:

    html * .ls-container img,
body * .ls-container img,
#ls-global * .ls-container img {
	background: none !important;
	min-width: 0 !important;
	max-width: none !important;
	border-radius: 0px;
	box-shadow: none;
	border: 0px;
	padding: 0px;
}

    Replace it with:

    html * .ls-container img,
body * .ls-container img,
#ls-global * .ls-container img {
	min-width: 0 !important;
	max-width: none !important;
	border-radius: 0px;
	box-shadow: none;
	border: 0px;
	padding: 0px;
}

    Remove browser cache then reload the page.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Padding/Background on image/logo not showing up’ is closed to new replies.