Creating border at bottom of paragraph - How

SLowly going mad here! I am trying to put a small custom border at the bottom of a paragraph. The Border properties in the Design panel won’t work . ie I successfully create a class and style it but WILL NOT save over to styles.css (I have had this sort of problem many times - ie classes created in properties panel will only very erratically save over to style.css. So I went into html and got the tag and tried to style it inside DOM. It created a style in my code, but the hr disappeared entirely from the page in design. HELP Please!!

I have managed ( suddenly - I don’t know how or why) to get a styled border class over into styles.css from styles panel. But it won’t apply to the page at all.

Hello, are you sure it's not the same problem as:

Check on your browser if design is also not applied there

Hi Frans.

My problem and the one you describe could very well be related - not sure.

But the problem is erratic and always seems to relate to new styles. Mostly it doesn't work for me. I end up having to go to style.css and enter the class manually. I thought it may have been because I was trying to place a border class on a paragraph and border was built more for columns and rows. I was working in design view. Do you think it's a bug? I will try doing a save of style.css after the class is made and see if that changes anything.

Saving css regularly not changing anything. Now I find that I can’t enter style.css and enter the class manually. I get told my syntax is unknown. But it’s not! What’s going on?

I have rebooted Wappler (many times) Rebooted machine.

Four hours later I have discovered that if I do NOT name the class in properties panel but let Wappler name it eg style1 style2 etc, then it DOES land in style.css and works oln the page in Design view. I can then change the class name in style.css and inside the page code and all seems OK - I also found that if I created the class name myself I seemed to lose the line function….

Try adding the class inline first to adjust it how you want it that way you see it in real-time if the styles are cached. Then when you have it how you want it add it to your styles file.

<h1 style="border: 1px solid black; padding: 5px;">Some example text with a border</h1>

That at least lets you see what it should look like...

Do you see an error message on the bottom? You can point your mouse to the warning sign and see them

Thankyou Cheese. The inline style looks like I expected - a thin line around the paragraph, with padding in place. But where I’m wanting the border to be styled ( as a new class) is in the properties panel ( Design/border) !:melting_face: I want it to end up in the style.css. I’m not a coder by nature!! I want to know why that transfer from new class with styled border to .style.css is not working!! Thanks