I´m doing some testing and just installed the demo for Magazine (https://demo.tagdiv.com/newspaper_magazine/).
One thing I can´t figure out though is where to find the setting for changing the green color on the lines above the top-menu and just below the main-menu.
Where is that setting located?
Hi,
If you want to change these colors – https://www.screencast.com/t/II2NTobm you could do it directly in the demo stylesheet – https://www.screencast.com/t/8xTMAWqH
Or use some Css code to change it – https://www.screencast.com/t/SUbh4IhJKIh
The demo is custom made and some options are predefined and cannot be changed through the theme panel. You can use Css to change theme when possible, or like I mentioned make the changes directly to the demo stylesheet.
This is the code I used if you want to add it
.td-magazine .td-header-style-1 .td-header-top-menu-full {
border-top-color: yellow;
}
.td-magazine .td-header-style-1 .td-header-gradient::before {
background-color: yellow;
}
Thanks
Ah, so that´s why they couldn´t be changed from the theme panel 🙂
I was trying to recreate the layout of the News Magazine demo on my current install but couldn´t figure that one out. I realise I could just install the demo and go with that, however that will delete all my custom translations and font-settings etc. So will see how I´ll go about it.
Are there any drawbacks installing one of the demos and using that as the theme from there on? Compared to using the standard theme layout and changing it to mimic the demo that I want (which will also let me keep all the font/translation/etc-settings)?
Hi,
There is no drawback if you install a demo first and then take it from there. One of their purposes is to provide an easy start for a website. You could also customize the standard theme with Css and the theme panel options to make it look similar. The demo will import it’s own settings for the theme panel when you install it.
It all depends on how you want to proceed. You can create your unique page layout and style it like you want, or similar to a demo.
Thanks
Perfect 🙂 If I use the theme import/export-function, does that also transfer the specific demo-changes that is made to the css-files? (Like the green lines for example).
Would be great if I could use the original theme export to backup all the settings for the theme, even the demo-specific ones. Is that possible or does it only back up changes made in the Theme Panel?
Hi,
The export feature of the theme exports just the theme panel settings
– https://forum.tagdiv.com/import-export-theme-settings/
You can use it to save settings made in the theme panel area in a file, or import settings from other installs.
Thanks
Hi,
That I understand. I did a few tests last night and I can´t get the demo-color etc. to get exported. I´m doing the following:
1. Installing the demo-theme that I want (this changes the theme colors etc.)
2. Navigating to the export theme settings page and cpying the export code.
3. Uninstalling the demo-theme. The site reverts back to the previous settings.
4. Navigating to the import theme settings page and pastes the settings I just copyed.
This should, if I understand correctly, teqnically at least change all the things in the theme panel (colors, translations, etc.) to the demo-theme-settings (that I exported). However, it doesn´t. Nothing happens to colours, translations etc. Everything stayes the same. As if the backup data (that I copyed) actually was taken from the old settings that rests behind the demo-layout, rather than from the actuall demo-layout.
Could this be the case or are my settings messed up somehow? Thanks
Hi,
When you uninstall a demo this will remove all the settings and content that was added. It will leave the website as it was before installing it. The theme panel settings can be found in each of the demo folder
– https://www.screencast.com/t/s4Eq4Jdfdr
You can copy the theme panel settings from the demo and import them without actually installing the demo. This should change the theme panel settings as if the demo was installed. I have tried importing the theme panel settings from the magazine demo on the default one, and it changes the theme panel and the website accordingly
– https://www.screencast.com/t/pcKm30gU
– https://www.screencast.com/t/zfDUHYPQaO7
Maybe you have caching installed or something is affecting the import process if this is not working for you.
Thanks
When I use that code (from https://www.screencast.com/t/s4Eq4Jdfdr) the importing of the theme settings work fine.
However, if you try it like this:
1. Use the default theme and then install the Magazine-demo (without content).
2. Navigate to Theme Panel > Import/Export.
3. First of all the code in “EXPORT THEME SETTINGS” does not look the same as the code from the td_panel_settings.txt-file (which it teqnically should do).
4. Just as an example, navigate to Theme Colors and change the Top Bar Background color to yellow.
5. Save and go back to Theme Panel > Import/Export and copy the code under EXPORT THEME SETTINGS.
6. Now uninstall the Magazine-demo from Theme Panel > Install demos.
7. Finally navigate once more to Theme Panel > Import/Export and paste the copyed code.
This should now at least make the top-bar yellow. However it doesn´t. It seems the export-code under Theme Panel > Import/Export doesn´t take the demo-settings into account. All I´m getting if I´m doing it this way is the very first standard settings code that was enabled before installing the demo-theme.
Could it be a bug? I´m only looking for a safe way to back up my theme settings, that´s why I´m so annoying about this 🙂
Hi,
The theme import/export theme panel settings is working properly. I have installed the magazine demo, made some changes in the theme panel and saved the export code. Then installed the default demo and imported the settings with no problem what so ever, the changes are applied. The theme export is a safe way to save the panel settings, we had no problems or issues with this feature. You can consider using alternative methods like specific backup plugins, that can export theme settings or can make full backups. Multiple fail safe options can be useful to prevent unexpected problems.
Thanks
