theokoopman

Thanks @micropat. That works.

Thanks, @natewr! Now it looks beautiful (cavesinn.com).

Never mind, folks. I’ve managed to solve the issue, although I have no idea how I did that.

Hi Alexgso,

The website is not online yet; I’m building it locally. By the time it goes online, it will no longer show the problem.

Update:

I just discovered that it’s not a border at the top of the inserted row I’m seeing, but a border at the bottom of the row above the inserted row… I don’t get it, as it only appears if I insert a new row, but I can remove it by applying CSS (border-bottom: none;) to the ‘afflicted’ row, so, problem solved, I guess.

Hi Greg,

Thanks for your reply.

Disabling the widget class doesn’t seem to make any difference with regard to the border. Funny thing is, that this border does not show with every inserted row, and that even some (!) copied rows show the border, while the original doesn’t. It’s the apparent randomness that baffles me most.

Moreover, disabling the widget class somehow messes up my lists.

Looking further

Theo

Hi Cory,

Thanks for your reply.

I’ll check it out. I didn’t get any errors, though, which is what I would expect if there were any discrepancies with the character sets or with incompatibility of MySQL server versions.

For now, the struggle continues.

Never mind, I have re-installed my ‘old’ website for now; I have uninstalled Duplicator; and I’ll use another way to get my site on line.

Frankly, what I do not understand, is that WordPress does not come with a standard menu-item that easily and with a step-by-step wizard let’s you move your website from one location to another. Or at least have a step-by-step instruction manual somewhere (if there is, I haven’t found it yet).

This is turning out to be an annoying ending of an otherwise interesting and even fun process (learning to build the website in WordPress).

Another update: I found that the space between rows is caused by a value in the PageBuilder setup at: Settings > PageBuilder > Layout > bottom margin row.

Put that on 0 and problem solved

Just in case other people end up here, looking a solution for the same problem: I have found a way to sort it out by adding CSS to the element under the spacing to define a minus margin-top:

margin-top: -75px;

It can be more or less than 75px, but that’s a matter of trying.

For the margin between the bottom element and the footer I have added the same CSS code via a CSS plugin. I used Scripts n Styles, but I’m sure it works just as well with other plugins.

I have done this by adding CSS code to each column:

height: 300px

Works like a charm

Well, actually I was hoping that there was a way to open the webpage, or any webpage, in the popup. Is that possible? I like to keep my visitors on my website instead of bringing them to another website.

In the end the map on google maps is also just a webpage (https://www.google.com/maps/place/etc)

@danieliser

It’s not an iframe, but a link to a google maps page. I have it set up with href, but I’m not sure of the exact syntax, since I don’t want a link in the popup, but the page itself, so <a href=”etc. doesn’t seem right

I have entered the shorcode into another editor and now the slider shows, but only a few pictures show correctly; 95% of the pictures only shows half (literally: the left half of the slider is black and the right half of the slider shows the left half of the pictures).

Does anyone have any idea how I can solve this?

@gisellala, this is wwhat I have found to work: in the editor there is a place where you enter the text for the button. Instead of just entering text, possibly including html code for appearance, you do it like this:

[popup_trigger id=”123″ tag=”button”]<span style=”font-size: 20px;font-weight: bold”>Check out our options</span>[/popup_trigger]