Urgent help needed for resources

[psweb]

@sleekidd

The above is what i am working on. I have challenges in so many areas.

1. The css changes made on the design panel do not work on the broswer after i save my app. I am not certain i know how to apply design panel changes to the app.
2. Issues working on a live server. Like working with a web server (cpanel) etc. Kindly point me to a resource.
3. Sending email after sign up. The sign up form works properly. Need it to send email after sign up. Resource needed.
4. Responsive css not working like i want. Eg i want the heading font on mobile to be h2 while on web h1… But when i select h2 on mobile, it applies on all screen sizes.

Thank you

1. First make sure the .css file you just altered is saved, and has been updated on the server, I would open your cPanel file manager, then in Wappler make a design panel change, hit save, and refresh on the cPanel file manager to see if the files date changes accordingly.
   • If the file is not saved, then make sure your server target is set correctly, which multiple posts and documents here cover, including the official Setting up FTP Connection
   • If the file is saved, and still not reflecting your changes then try perform a hard refresh on the page which will reload all the cached resources.
   • If still not working it could be your ISP using their cache, in which case check tip 17 on this post Productivity Tips & Tricks
2. This is a link to many official docs on server connections, if you still have issues after these then please give further detail and possibly screenshots and we will try to assist with getting your server working Project Manager - Wappler Community
3. Sending Form Data to Email, once again if you run into a specific use case where this does not work as expected, ask as a separate topic and we will try to assist.
4. This is a pretty broad question and can have many possible answers such as
   • If you are talking about truly responsive, where the layout with the same set of components responds to the changes as made by the browser size, then all you require is to create a single h1 or h2 tag, whatever suits your needs, and to switch between the various device sizes in your Design View and make size adjustments per device target. This will not change between h1 or h2 but rather adjust the properties of whatever tag you placed to be bigger or smaller at the various browser size breakpoints.
   • Adaptive would work in a very similar way as above.
   • If you really want to alter from h1 to h2 for purely layout purposes then that is also possible directly in the UI by switching your Design View device sizes and showing or hiding various elements at different breakpoint sizes, this does however mean you will need multiple headings on your page, such as <h1>My Heading</h1> and <h2>My Heading</h2> and then selecting which one to display and at what target.
   • If, you really want to alter from an h1 to an h2 tag because of some other reason rather than for layout purposes, but more based on your SEO needs then that is also possible, however I would not use display properties as the search engine would then read both headings in the source code and find it non sensical, therefore you could use a Wappler browser component and a client side conditional area and base the result upon the browser width output, or use a ternary operator in Wappler data formatters to also watch the browser component, browser width attributes, in which case I would not set the entire heading as a duplicate but only change the number next to the <h#>...</h#> so it alters based upon your needs. More info could be found between multiple docs and posts here Search results for 'Ternary operation' - Wappler Community

I hope this helps somewhat.