Custom header in Tech News Demo

Posted in: Newspaper
Post count: 21

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

  • This topic was modified 8 years by sanotes.
  • This topic was modified 8 years by sanotes.
  • This topic was modified 8 years by sanotes.
Post count: 20688

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!

Post count: 21

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.
Post count: 20688

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!

Post count: 21

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!

Post count: 20688

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.

Post count: 21

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!

Post count: 21

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

Post count: 20688

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

Post count: 21

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!

Post count: 20688

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

Post count: 21

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.

  • This reply was modified 8 years by sanotes.
  • This reply was modified 8 years by sanotes.
  • This reply was modified 8 years by sanotes.
Post count: 20688

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.

Post count: 21

Okay, thank you. And waiting for news from you.

Post count: 21

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.
Post count: 20688

Hi,

Well unfortunately these things don’t always go as expected, there is always something that needs more testing or modifications. Please have a little more patience. Sometimes next week the new post templates functionality should be released.

Post count: 21

Thanks for reply. If there is information forum topic or blog about all the changes and updates of the themes that come out?!

Post count: 20688

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.

Post count: 21

Yes, I meant the changelog. Thanks.

Post count: 25

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

Post count: 20688

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

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