Individual Page Settings - and Global Settings
paaljoachim opened this issue · 6 comments
In regards to the individual Page Settings as well as Global Settings
First off the page settings need to be opened directly in the Elementor left sidebar of each individual page.
The following could be set through the
- Global Settings to control all of the pages/posts (overwrites the default theme CSS).
- Page Settings to create an unique background color and link states for the specific page. Page Settings will then overwrite the Global Settings.
Hide default theme CSS tag/object setting by adding a background color:
A checkbox for hiding the default theme Header, Footer and other objects / hide default WordPress theme objects. Then a background body color box. Default color could be white. This color then hides everything below the Elementor elements. There is then no need to know what the CSS name/Tag of the various theme objects are called, as they would be hidden behind an Elementor body color.
#627
#629
Link States
Global link states - overwrites whatever colors the theme uses.
Page setting link states - overwrites whatever the global setting uses.
#534
Connect link state effects.
#528
A use case for Global and Page Settings.
I have a client who has strong ideas on how she wants her site. I end up using Elementor.
I made the front page in Elementor. This is what it looks like without removing any theme CSS tags.
The top title/site header area and the footer can be seen.
Adding a display: none to
.site-header
.entry-title and the
.site-footer
Adding a background color to:
body and
.entry-content in the theme style.css
It now looks like this:
Elementor edits I had to do outside of adding the widgets where Stretch Section (row). Then have the image + text row content and Fem elementer + Ordenes kraft row width boxed. Or else it would have smacked up into the left and right edges of the page.
I am missing a page setting. There could be a default page setting one can easily get to by clicking outside of any section/column where I could add a body violet color. Elementor body color could sit above the various default theme CSS so that I would not have to add the above CSS edits.
As it is now I had to select all the sections (rows) and add the violet color into each.
In the same page setting there could be a link state colors etc as I mentioned further above.
OR
Just add a Page Setting and a Global Setting into the Advanced area.
I will edit when I have more information to add.
NB!!
I am painting myself in the corner so to speak as I am creating a web page for a client doing it so that I will have to go back and adjust as it will become difficult for the client to herself go in and adjust pages or create new ones. Because of the lack of a elementor body background forcing her to add a color to each section/column and to adjust the content width.
Adjusting the content width of one section it should automatically have the following new created sections follow in the same path.
++
Add the page id to the CSS code I am using to adjust so that the theme CSS does not show through.
To be efficient I would add the css edits to my child theme style.css as those look fairly permanent site-wide type style decisions and then simply save my page template with proper background color, column width and content format. This is how most of my clients manage new creating content and only needing me for unique edits.
However, I do like the idea of having the ability to set page globals for constants such as default columns, gutters, backgrounds, and fonts.
i would like to add or over-ride the default elementor css. currently i have a client who would like to just be able to drag and drop the element to the page and job is done. my client prefers not to play around with the element styles and therefore he would like the element to just inherit the style from the default template. however there will be occasions where he will need to play with the element styles.
the problem i am having, if i style my element in my style.css, my styles will not work unless i set them up as !important; however i set them up as !important, any modifications i make in elementor will not take affect.
i dont want to edit the elementor frontend css directly. it would be perfect if we can have a stylesheet located in the theme where i have control over to act as the default elementor stylesheet.
or maybe to give each element an option to be reading the default style or custom style.
👍 +1 for page-wide settings in addition to global settings
Hey I just started working on this as a plugin.
Adding the current page settings to the left sidebar:
ping @paaljoachim :)
Awesome!