Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 2, 2017 at 10:53 pm #754689
    mikkijack

    The stacking is not working in my footer. I set it up for the top widget to overlap the bottom, but it’s not working. How can I fix this?

    March 2, 2017 at 11:02 pm #754701
    Jordan Shannon

    Hey mikkijack,

    I am not understanding the issue. It looks like the instagram footer shows twice? Is this correct?

    Best regards,
    Jordan Shannon

    March 2, 2017 at 11:14 pm #754709
    mikkijack

    No. Sorry about that. The heading word “Instagram” is supposed to be stacked in front of the instagram feed. But, it’s not. The instagram feed is stacked on top of the heading.

    March 2, 2017 at 11:16 pm #754712
    mikkijack

    This is the CSS I have set for it…. text-5 is supposed to be in front of text-4.

    #footer #text-4 .textwidget {
    z-index: -1 !important;
    position: relative !important;
    }

    #footer #text-5 .textwidget {
    z-index: 999 !important;
    position: relative !important;
    padding: 20px !important;
    background-color: transparent !important;
    -ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);

    March 3, 2017 at 12:11 am #754736
    Jordan Shannon

    Hi,

    If youy mean on the home page, I believe I have fixed the issue. I am seeing the Instagram header , with the images under it.

    Best regards,
    Jordan Shannon

    March 3, 2017 at 4:59 am #754786
    mikkijack

    Hi again….

    Maybe this will help. This is what I mean. I can’t see the bottom of the word Instagram. I’ve used the z-index and it’s supposed to be in front of the instagram feed. I’m supposed to see the whole word “Instagram”.

    • This reply was modified 7 years, 8 months ago by mikkijack.
    March 3, 2017 at 10:45 am #754947
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
		#text-5 {			
			position:absolute;
			top:-50px			
		}

    Please feel free to adjust the top value to suit your design.

    Best regards,
    Vinay

    March 3, 2017 at 10:54 am #754957
    Jordan Shannon

    Hi,

    I added this to quick css:

    #text-5.widget.clearfix.widget_text{
    z-index: 9999999999999999999 !important;
    position: absolute !important;
    padding: 20px !important;
    }

    #text-4.widget.clearfix.widget_text{
    margin-top:20px !important;
    }

    let me know if I have gotten it right.

    Best regards,
    Jordan Shannon

    March 3, 2017 at 5:12 pm #755205
    mikkijack

    Yes!!!!! Thank you so much Jordan!! That worked!! You are great!!

    March 3, 2017 at 8:11 pm #755320
    Jordan Shannon

    Hi,

    No problem. Let us know if you need any additional help.

    Best regards,
    Jordan Shannon

    April 4, 2017 at 6:29 am #771516
    mikkijack

    I sure will. Thanks again. You can close this now please. :)

    April 4, 2017 at 6:45 am #771522
    Basilis

    Hey!

    Happy we can help.
    Please remember to take a moment to rate our theme at Envato.

    We would really appreciate it.
    Thank you very much

    Cheers!
    Basilis

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Stacking not working’ is closed to new replies.