How to change the green lines from News Magazine demo?

Posted in: Newspaper
Post count: 137

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?

Post count: 20688

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

Post count: 137

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)?

Post count: 20688

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

Post count: 137

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?

Post count: 20688

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

Post count: 137

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

Post count: 20688

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

Post count: 137

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 🙂

Post count: 20688

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

Post count: 137

Hi, thats odd :-/ Guess there must be something wrong with my theme-install somehow then. Will try and install a fresh copy and reset theme settings and see if that does anything. Thanks for trying to replicate my issue at least 🙂

Viewing 11 posts - 1 through 11 (of 11 total)
The forum ‘Newspaper’ is closed to new topics and replies.