mapped graphic OVER a background image?

  • Resolved mrswwonka

    (@mrswwonka)


    4 years, 6 months ago

    I thought I had it …but as you can see the graphic is cut off and on the lower half of the page.
    I would be happy with just the stop park graphic with the linked Map over it but couldn’t even get close… would show image above and then map to one side below it…so I had to make the park the background using the plug in.
    Is there a way to have it show either …
    Park with the Map over it
    OR
    The background Park like it is, but the Map showing fully and up in the top half of the page just below the Header?

    I used to make pages all the time, but that was before Responsive crapola ….ughhh…took all the fun right out of it …. lol

    Thanks!

    • This topic was modified 4 years, 6 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 9 replies - 31 through 39 (of 39 total)

  • Hi @mrswwonka

    You want the large and centered image on that page. Right?

    Can you please share the page link you are referring to? ??

    Thread Starter mrswwonka

    (@mrswwonka)

    Here is one that I need it to be like the wallpaper size… another I need not quite as large but larger then the block its forced into right now.

    https://www.farmersmarketsusa.com/1ststreetmarket/

    Hi @mrswwonka

    Sorry for the late reply.

    Do you want to increase the size of these three parts: https://prnt.sc/sx0dpp?

    Have you gotten any guidelines on this from the place you have bought them?

    If yes, can you please share it? ??

    Thread Starter mrswwonka

    (@mrswwonka)

    No I add the booths as needed. I need the entire park picture to be full size. I can set it to background for that page but since it will vary per market I can’t find a way to make it work with the pop up plugin.

    Hi @mrswwonka

    Sorry for the late reply. I think that is not possible using CSS only.

    You have already a background image from the Freepik.

    How you have use that image in the background? Are you using any plugin, custom code or it is from the theme itself?

    Thread Starter mrswwonka

    (@mrswwonka)

    Hi @bizanimesh

    The background I’m using with the light colors can be used globally or you can choose only for certain pages. Right now its set to globally.

    I’m not sure if I can explain this, currently I’m using Image Hotspot by DevVN, but I am looking through other plugins to see if maybe there is another option…I need the same result, the pop over, but not in “pins”.

    But here is what I am trying to get for the end result….

    On the Page with the vendor booths, the booths will vary depending on who and how many register and what type of products they offer.
    I am trying to find a way so that customers hoover or click on the booth of their choice and it shows a popup window with info on the vendor and a link that will take them to that vendors store.

    I don’t want them to have to click on the booth and it go to another page and they have to find their way back… I want just the little bubble or popup info window so that if they aren’t interested in that particular vendor, they can just hoover or click on another booth without much effort or moving from page to page.

    I haven’t been able to find a way to make the park WITH the individual booths and mapped for their popup info as the background for that page.
    I can make the background image the park with the needed booths, but they won’t have popups. I’m limited no matter which way I go, but I know there are other plugins that might help I just need to find them and test them and pray they aren’t something like Draw Attention that I just can’t afford at this point.

    I hope that makes sense.. its does in my head.. but that’s a scary place LOL!

    Hi @mrswwonka

    I can make the background image the park with the needed booths, but they won’t have popups.

    I’m really sorry, I also can’t control this part with the help of CSS only.

    but I know there are other plugins that might help I just need to find them and test them

    If you have any idea about the plugins that can help you to achieve what you want, please go for them.

    I can only control your website’s some frontend part.

    I’m really sorry. I hope you will understand. ??

    Thread Starter mrswwonka

    (@mrswwonka)

    Hi @bizanimesh,
    I think we have a misunderstanding … I don’t want you to control it or make the changes… I’m asking for a breakdown of the code and what it controls that you gave me so that I understand it and can possible use it for other pages. I’m trying to learn what that code does.
    I don’t have a plugin that can do what I need done.
    I have placed the background image on the page with the booths to show what I need it to look like, but I need the booths to be interactive. I don’t know if that is possible with a background image. If its not, then I need the image to be as large as the background but not technically the background image. This is where I want to be able to edit that code… to change the size of the image that is shown.

    Hi mrswwonka!

    I inspect elements to do CSS changes accordingly. See here: https://prnt.sc/syndpv

    Sometimes, I also use Amino: Live CSS Editor.

    This process is not difficult but it might be confusing if you are not familiar with all this.

    So for now, I recommend you to use Visual CSS Style Editor WordPress plugin.

    This would be best for you. ??

    Some features of this plugin are paid, but no worry, still you can use those paid features for free just by copying all the CSS from plugin to your Additional CSS section.

Viewing 9 replies - 31 through 39 (of 39 total)
  • The topic ‘mapped graphic OVER a background image?’ is closed to new replies.