Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #206509

    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

    #206511

    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

    #206531

    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!

    #206555

    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

    #206571

    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.

    #206581

    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

    #206596

    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?

    #206650

    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

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