Tagged: ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 9, 2014 at 6:11 pm #316025
    cbentley65

    Hi
    I would like to place an image ‘over’ and to the left of the logo image in Enfold. The image is 250 wide x 275 high and is a .png file with transparency. This image must extend slightly below the menu (placed below the logo) and disappear in mobile view. I am using a boxed style and already have a background image for the entire page, and need to keep the main content and the header with a white background. The logo doesn’t shrink and is not sticky so scrolls with the page.
    Could you assist please? I *think* it needs to be placed in the ‘wrap_all’ css somewhere but have had no success with this so far.
    Many thanks in advance.

    September 10, 2014 at 6:02 am #316296
    Ismael

    Hi cbentley65!

    Thank you for using Enfold.

    How did you add the image? We would like to see the actual website. Please post the url here. A screenshot of what you’re trying to accomplish will help.

    Cheers!
    Ismael

    September 10, 2014 at 9:31 am #316384
    cbentley65
    This reply has been marked as private.
    September 10, 2014 at 9:36 am #316388
    cbentley65
    This reply has been marked as private.
    September 11, 2014 at 11:33 pm #317687
    Josue

    Hi!

    Your website looks broken on my end, can you please re-check?

    Regards,
    Josue

    September 12, 2014 at 9:17 am #317964
    cbentley65
    This reply has been marked as private.
    September 12, 2014 at 1:19 pm #318059
    Yigit

    Hi Chris!

    Sorry but we do not prefer to make changes on hosts file. Please let us know when you launch your website and we will gladly look into it.

    Best regards,
    Yigit

    September 12, 2014 at 2:13 pm #318108
    cbentley65
    This reply has been marked as private.
    September 12, 2014 at 3:06 pm #318147
    cbentley65
    This reply has been marked as private.
    September 12, 2014 at 8:39 pm #318318
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #header_main {
    background: url(https://91.109.2.32/~englishcountryga/wp-content/uploads/2014/09/floral.png) no-repeat top left;
}

    Cheers! 
    Josue

    September 15, 2014 at 11:48 am #319126
    cbentley65

    Hi Josue
    Many thanks for your reply.
    I have tried that code and unfortunately the image sites ‘underneath’ the menu and doesn’t extend into the main content area. If I make the menu transparent, that affects the visibility of the menu when in mobile view.
    I think the menu will have to move right a little but is there a way to add this image so it sits over the top of the logo, menu and the top left of the content area?
    Thanks again.

    September 15, 2014 at 8:12 pm #319387
    Josue

    Hey!

    Try with this:

    #wrap_all:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url(https://91.109.2.32/~englishcountryga/wp-content/uploads/2014/09/floral.png) no-repeat top left;
    width: 100%;
    height: 100%;
}

    Regards,
    Josue

    September 16, 2014 at 9:18 am #319677
    cbentley65

    Hi Josue
    Many thanks!
    That displayed the image exactly as I wanted but effectively ‘shut down’ access to every link on the page – from menus to footer links. Is there a way to place the image just in that top left corner…?
    Thanks again

    September 17, 2014 at 2:00 am #320237
    Josue

    Hi!

    Try with this instead:

    #wrap_all:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url(https://91.109.2.32/~englishcountryga/wp-content/uploads/2014/09/floral.png) no-repeat top left;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

    Best regards,
    Josue

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.