mrswwonka

I’m sorry I’m a full time caregiver and quite frankly I didn’t know I needed to respond since you answered my question in your reply.

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 @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!

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.

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 @bizanimesh,
Is there any way that you could explain the code that you gave me so that I can edit it for another page?
I need a image to be almost the full screen as opposed to the map that only needed to be large and centered.
I copied the code you gave me but changed the page ID and it worked as far as making it larger but I need to know what parts to edit in the code to get the look I need.

Thanks so much!

Media popup? Where the heck is that???? I’m working with nightmare blocks and nothing says media anywhere. I can choose a image block but I think that’s the problem.

Ok because I’m having an issue with another graphic on another page not resizing no matter what I do. Must me code or settings somewhere that I’m missing.
Thanks again !

Hi @bizanimesh
Is it possible that the code is effecting ALL of the images on the site? Other images I have on pages ???

YAY!!! That’s it!!!!!

THANK YOU SO MUCH!!!!!!!

I tried that one and loved it and was told it was free … but you can only make one pic and then you have to upgrade for what I consider a ridiculous amount of money I can’t afford ??

Hi @bizanimesh ,
Here is what’s in there right now….

1
@media (min-width: 1025px) { .page-id-19 .entry-content>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
2
    margin-left: 165px;
3
} }
4
?
5
@media (min-width: 480px) and (max-width:768px) { .page-id-19 .entry-content>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
6
    margin-left: 20px;
7
} }
8
@media (min-width: 769px) and (max-width:1024px) { .page-id-19 .entry-content>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
9
    margin-left: 30px;
10
} }
11
@media(max-width:680px) { .page-id-19 .mb-0 {
12
    margin-bottom: -160px; }
13
    .page-id-19 .site-footer {margin-top:-200px; } }
14
?

I can’t from my phone right now and I’m in
bed but I’ve been copying what you tell me to and replacing the old code with the new one that you give me.

• This reply was modified 4 years, 6 months ago by mrswwonka.

Hi @bizanimesh

Sorry, but still not working correctly.
Now it has shrunk the map on the laptop and still to the left.

https://prnt.sc/sp26ko

iPhone looks good though

• This reply was modified 4 years, 6 months ago by mrswwonka.
• This reply was modified 4 years, 6 months ago by mrswwonka.

On the laptop, it is still to the left side of the screen.

On the iPhone it is fitting correctly, but hoping to get rid of the extra space above the pic. If not, I can live with that… but the laptop version still needs to be centered.

https://prnt.sc/sos85i