Hello. My site is sanotes.ru and I use a “Tech News Demo” template. I have some questions about creating my own style of the header. Now I have established style 1.
1) I need a shift logo to the left side of the layout.
2) How to increase the logo height and width?
3) How do I remove space or reduce indentation between the top menu and the logo and bottom menu and logo?
4) How to remove the blog “In Trending now”, or to reduce the spacing between top menu and bottom block: Last Posts ?
5) How to invert the color of the bottom menu as it is implemented in Style 5,6 ?
6) How to increase the FEATURED IMAGE by height and width?
I duplicated everything I needed in the screenshot! https://www.dropbox.com/s/s9vqrsmnnuqwv87/screen1.jpg
Hi,
All the header styles are predefined in terms of layout, so any modifications will most likely require custom code.
1. Header style 1 logo is already on the left side, while the header ad is on the right. It would be difficult to position the logo right in any way different while also maintaining responsiveness, the containers and design is predefined
– https://www.screencast.com/t/gWKG8xzPc
2. The only header styles that do not have a limit for the logo size, are header styles 9, 10 and 11, please see this guide
– https://forum.tagdiv.com/logo-favicon/
The rest have required sizes for best results.
3. You could remove that space with a code like this
– https://www.screencast.com/t/4f2ap7eH
Custom CSS code can be entered in Theme panel->Custom code section
– https://pastebin.com/bq644WU3
It should not cause any issues if you use this code.
4. Try removing the news ticker and place it again on the page, there should not be such a big space around it. It should look like this
– https://demo.tagdiv.com/newspaper_tech/
5. You can set colors for the header main menu as you wish (background color, text color, hover color etc) in the theme panel
– https://www.screencast.com/t/NJz90WaXAT
6. That is the latest articles section, you can choose a different module
– https://www.screencast.com/t/7enpgmqjs0
Thank you!
Hi, Simion C.
Оn the first and third my question I added the following code. At the moment it suits me.
.td-header-style-1 .td-header-sp-logo {
margin-top: 5px;
margin-left: -15px;
}
.td-header-style-1 .td-header-sp-recs {
margin-top: 7px;
}
.td-header-style-1.td-header-background-image .td-header-sp-recs,
.td-header-style-1.td-header-background-image .td-header-sp-logo {
margin-bottom: 7px;
}
2) About logo size – OK.
4) I removed the news ticker with TD Composer, but after, there was an empty column, which is not removed and the place between does not go away and the size around the block does not decrease?!
https://www.dropbox.com/s/6b5s9tje0goh6gr/td-composer.jpg
5) ОК. I did it, but how to change height of main menu?
https://www.dropbox.com/s/ko3hqkx0wg9axws/main-menu-height.jpg
6) ОК.
Thank you!
-
This reply was modified 8 years by
sanotes.
Hi,
4. There will always be an empty row on a page, even when you create a new page it will a be a starting row
– https://www.screencast.com/t/GYdLwVhHOvtl
This row cannot be removed, but it is empty and will not create any issues. You can start and place elements on the page in it. For example a news ticker
– https://www.screencast.com/t/Mn7QzExdM
I believe the problem you are having is caused by something else. There was an issue with the theme that was discovered after the 8.7.2 update, and it was quickly fixed and the theme package re-uploaded in a matter of a few hours. I would suggest that you re-download the theme package and install it. Then check the results.
The problem was that an empty paragraph appeared right below the content wrap here
– https://www.screencast.com/t/qFt0g3jkp
This added extra space. Let us know the results.
5. You could increase the line height of the menu items in the theme panel
– https://www.screencast.com/t/mntnAW22Vf
Currently it is 48px, increase it to a higher value to increase the space.
Thank you!
4. What are my steps? I should re-install the demo or reinstall the theme in the wordpress dashboard and then load the patch_8.7_8.7.2 ?
https://www.dropbox.com/s/qg9t14skgwn8lc1/uninstall_tech_demo.jpg
All settings will be lost during this? If I export the settings and then import, after reinstalling the theme, the news ticker may not display correctly again? because its location is recorded in the export settings?
5) ОК! Thank you!
4. Simply remove the old theme and install the new one, the theme panel settings will not be lost. Posts and pages will not be lost. These are all saved in the database. After you install the latest version there should be no more problem. This is a guide you can follow
– https://forum.tagdiv.com/how-to-update-the-theme-2/
Let us know the results.
I’ve reinstalled the theme, but the space between the blocks hasn’t decreased, but noticed that the block appears when I click on the News link (top-header-menu), which was as the main page pointing to the root of the site. Now I have adjusted my menu and the block is no longer displayed on the main and other pages. You can check the link now on my website: News (Test). Left it for you!
And I’ll ask you a few more questions at once!
7) Is it possible to change the width of the post area and the sidebar. I need the width of the post and the sidebar as on the following site – https://habrahabr.ru/post/351978/
https://www.dropbox.com/s/ier5293qpql669n/width-post-sidebar.jpg
8) Is it possible to influence the space between excerpts of posts? ccs code?
https://www.dropbox.com/s/n91eyrnp4s8i3q3/space-between.jpg
9) Is it possible to customize the display of excerpts for each post separately!? Now I have is used M12 module with great pictures and text below! This settings for all post excerpts. And I want, for some excerpts, to was a small picture and text with align to right?!
https://www.dropbox.com/s/j31ll2k68tn07hg/individual-excerpts.jpg
10) I installed the Prism Syntax Highlighter plugin and noticed a indentation or a space at the first line. I checked on its old theme, such a not found!
https://www.dropbox.com/s/ea1yatanst6qtvh/syntax.jpg
The issue was related to the news ticker only, there were no issues with space between blocks. I believe an extra paragraph appeared in the news ticker, but it was fixed quickly. So now placing a news ticker in a page will work properly.
7. The theme width is fixed, it is not recommended to change it and there is no general width setting. The post content width is fixed as well, it will be 696px with a sidebar
– https://demo.tagdiv.com/newspaper/wordpress-news-magazine-charts-the-most-fashionable-new-york-couples-in-2016/
And the full theme width with no sidebar
– https://demo.tagdiv.com/newspaper/td-post-five-things-you-may-have-missed-over-the-weekend-from-the-world-of-business/
8. That is possible, there is a margin and padding set for that module
– https://www.screencast.com/t/ZgYl8y9cUl
Those could be reduced with a code like this
– https://www.screencast.com/t/GBq3Ndmwm
Or use the values you want in the code, then enter it in Theme panel->Custom CSs
.home .td_module_12 {
padding-bottom: 10px;
margin-bottom: 20px;
}
9. The excerpt text will either be picked automatically, or you can set one manually
– https://forum.tagdiv.com/excerpts-introduction/
You can only change the module used for the posts on the whole blog page, not by post. In a static homepage or page you can use any type of block and there are more possibilities
– https://forum.tagdiv.com/homepage-how-to-build-and-set-it/
10. Where exactly is this indentation, I cannot find it. I have browser the website but I don’t know what to look for exactly.
Thanks
7. I know, but it’s important for me. Can you give me the css code to edit the width yourself ?
8. ОК!
9. ОК!
10. Please look again carefully at the indentation at the beginning of the line of code! I re-posted the screenshot.
https://www.dropbox.com/s/g9715zgs696gjb5/first-letter-in-code.jpg
Thanks!
7. I am sorry but that would not be possible, the total fixed width is split in the post pages. There will be a maximum of 696px for the post content with a sidebar. That is how the theme was designed.
There are plans to make changes to how the post templates function and add a considerable amount of flexibility in creating a post page. This will be implemented in a future update, I cannot provide an exact time estimate.
10. I don’t know what that is and how exactly is that related to the theme. If there is a problem in the theme files, please mention where it is and I will pass it along to the developer team.
Thanks
7. I hope the update will happen before a year! It would be nice to add the ability to customize the excerpts (text, picture position, view count, etc…)
10. I don’t know what the problem is! But your theme is not quite compatible with the plugin – Prism for WP – the First line starts with a space. Please tell the developers.
It should not take that long, it would be a matter of weeks or a few moths at most, from what I know.
I will pass that to our developer team, but I should mention that plugin compatibility is not uncommon. Not all plugins are compatible with premium themes. These themes contain custom code which cause some plugins to not function correctly.
That would be the case for most premium themes, it is not something specific to our theme only.
Hi Simon. Already it’s been 3 updates. Is there any news regarding flexibility in terms of the width of the content and the sidebar? My previous question:
Is it possible to change the width of the post area and the sidebar. I need the width of the post and the sidebar as on the following site – https://habrahabr.ru/post/351978/
https://www.dropbox.com/s/ier5293qpql669n/width-post-sidebar.jpg
-
This reply was modified 8 years by
sanotes.
Only a changelog is available, that mentions what has been changed in the released update
– https://themeforest.net/item/newspaper/5489609
If you mean something like an upcoming or planned features board or preview, we don’t have a similar element at the moment.
I am also needing the flexibility of width content size, this can be done right now?
7. The theme width is fixed, it is not recommended to change it and there is no general width setting. The post content width is fixed as well, it will be 696px with a sidebar
Hi,
@trendyseekers It is possible to modify the width of the rows containing the elements
– https://www.screencast.com/t/bJZnLUlA
Many layouts can be achieved using the row stretch settings. Most of the new theme demos have various widths, see them all here
– https://demo.tagdiv.com/select_demo/select_demo_newspaper
With the introduction of the cloud library plugin now the composer can be used to create post templates, category templates etc
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
You can preview the cloud templates and even edit them all here
– https://affiliate.tagdiv.com/#/load/All
Please let us know if you have more questions.
Thanks