I want to make a page similar to ClassicPress, I am new to fx builder. How do I close this gap at the top of the page? Thank you.
There are no granular options for that. That gap is probably coming from your theme. You would need to inspect it, and see where that gap is coming from.
Use the Inspector in Chromeâs Developer Tools.
1 Like
It could be the <main> container that you have to style with padding and margin top to 0, I think - by instepcting the page however you will be able to tell for sure if it is the header padding/margin bottom or the main container. or both.
1 Like
Itâs caused by the height="100vh" plus the vertical-align="center". I donât know where that is coming from?
1 Like
Thanks to all who replied. I will add some css or html inside the tags and see what happens.
Both of those come from the FX Shortcode snippet. I added FX Builder, FX Shortcode and Updated the page. Should I do something different? Thanks.
Youâve added a hero, thatâs a large block with a background image and some text in it. If you want to duplicate the main CP homepage, you could use the homepage widget area for the top part and underneath some columns with the FX plugin.
1 Like
I added the homepage widget, thank you.
You are correct about the hero, but if I add the shortcode, but donât Update the page, I donât have the hero/cover shortcode, and if I add the shortcode AND Update the page, I have TWO. I sincerely appreciate your reply. I am not finished, but I am farther down the road. Unfortunately, I also still have the gap between them. Thanks again!
You mean the white space?
You can remove that margin with this tweak (add this at the Customizer > Additional CSS page):
body.home #content {
margin-top: 0;
}
1 Like
Thank you. This exactly what I needed. AND, we should have the tools to do this with the standard widgets and plugins. Q: Can we add this to FX Plugins or FX something?
Youâre always restricted by the styling of the theme youâre using. If you want full control, you have to create your own theme or use a theme that has a minimalistic styling.
1 Like
Thank you.
I am looking. Hint to themers!
The problem is always the battle between Appearance and Performance, or Machine vs. Design, same as new cars. Good-looking themes test awful and themes that score well look like terrible. ClassicPress.net is a great design but is actually built on Susty, which has lots of legacy jquery, etc.
To show the value of ClassicPress, IMO, we need to have a super theme. ClassicPress is very close to that ideal, which is very exciting. Itâs why Iâm here. Anything that can move this forward is something I support.
Thanks to all - developers, designers, viewers, visitors, and newbies - in the CP Community!
1 Like
Actually, that raises a question that I hadnât considered before. Could we have ClassicPress with a clean frame and add our favorite CSS? Does anyone know the full answer to this?
you can use a very barebones theme (that offers only the html scaffolding) and make your own CSS for it - this kind of themes are called barebones, or naked, or sometimes also starter themes.
you can also code a blank slate like that yourself and go from there. Note that CP core does not provide âappearanceâ in itself - itâs just the backend. without a theme that you install you are left with no front-end basically.
1 Like
Thanks. Pardon the question. What is the point of a theme with only a back-end?
sorry my explanation was not clear probably.
you asked for a theme with no styles, to which I answered that there are themes geared towards front-end designers who know how to style a PHP template that come with minimal or no CSS. (your background with HTML/CSS comes in handy in this context).
then you asked if it was possible to have WP/CP core without themes at all. To which I answered that technically yes and that would make it a back-end only application.
Now you ask what is the sense of using it as back-end application:
for example you might want to avoid putting online a PHP based dynamic site because you prefer a different front-end technology or for safety reasons. This means you use WP/CP as a way to input and treat data (so publish posts and pages etc) and the external front-end connects to it and displays the data in a static format (the front-end could be a plain HTML/CSS/Vanilla JS front-end, no need for it to be complex. it just takes the data from the site and shows it as a static site) - this is called if I am not mistaken Headless CMS.
It depends on what you need and what you prefer. Personally at present I do not have an headless CMS application of CP/WP to show you, and when using it with themes I try to start with simple ones that I tweak (like you are doing) to what I need them to do. That said I am also able to code a full theme on my own but when so many options of naked themes exist it feels pretty pointless to reinvent the wheel.
1 Like
Thank you very much. You have been very patient with my lack of needed skills and tools. Clearly there is lots I have missed being away from the Press world. I have only heard of Headless CMS but have not used it.
I guess Iâm trying to do too many things at once - and apparently not doing either of them very well. Also, I seem to be mixing my questions. Thanks again for your patience.
I guess what is behind the last question is I am noticing that ClassicPress hasnât been growing. And, ClassicPress is exactly what I have been looking for. So, being a newbie (er⌠a âreturnbieâ) I have an observation:
ClassicPress.net is offering an implied promise that it doesnât deliver â yet. The promise is awesome: fast, lean, and dynamic, but it is actually built on something else. To use ClassicPress core we must reinvent a theme. Letâs make at least a core theme that promises these principles â and a theme that delivers that promise.
I donât have the skills needed for this, but they are here, and I would be happy to help. What is needed to make ClassicPress into a demo theme that anyone could use? How can I help?
I donât understand this, and I think youâre confused. ClassicPress is making an express - not implied - promise of speed and efficiency. But ClassicPress provides the core, including the back-end and database. It does not provide a theme, which is up to you to choose.
The ClassicPress theme is, nevertheless, very fast. Itâs built on Susty because thatâs very fast. The fact it uses jQuery shouldnât put you off if it does whatever else you need. Try benchmarking your site with it to see how fast it is.
But I reiterate that the CP theme is optional; itâs not ClassicPress itself. Indeed, if you look at the features advertised at classicpress.net, you will see itâs not mentioned there. Now you know why.
2 Likes
Sincere thanks for your reply. Iâm new here, and there is much I donât know. I also make a lot of assumptions. I started web development in 2003 (before WP), was Camp Ranger in San Francisco in 2013 and 2014. Then took a break from 2017 because WP was slow and HTML / CSS could be faster.
I am back because ClassicPress appears to have the potential for both speed and design. I am contributing, and became a member. Lots is familiar and some of it I have forgotten or never learned (Iâm self-taught and my teacher didnât know everything).
Perhaps I am confused.
Here is the part that is confusing me: âif you look at the features advertised at classicpress.net, you will see itâs not mentioned thereâ. What this says to me is letâs all support ClassicPress but you have to use Susty. ClassicPress is better because we did a really good job of removing legacy bloat, but it doesnât work yet.
Again, thanks for your reply to a confused âreturnbieâ.
I donât understand how classicpress.net is saying anything about Susty at all. If you didnât know about Susty and read what the website says, youâd never even know of Sustyâs existence. Itâs advertising 12 main features; thatâs it. Themes arenât even mentioned.
There are many fast themes around. The CP theme is one; Susty is another. Simppeli is another: Simppeli | WordPress Theme | WordPress.org Yes, its author has deprecated it, but thatâs only because it wonât work with WPâs blocks. Here are some more: https://gogetspace.com/blog/10-most-beautiful-free-wordpress-themes-for-personal-blogs/
In the end, the only way to see how fast a theme is and whether it suits your purposes is to try it.
1 Like