- NewspaperHow to Add a Logo in Newspaper
- NewspaperShortcodes
- NewspaperHow to Set the Image Avatar
- NewspaperThe Mobile Theme
- NewspaperFavicon & iOS Bookmarklet
- NewspaperHeader styles
- NewspaperWhat’s Included in the Newspaper Theme Package
There seems to be limited to no functionality to adjust “Logo as text” options such as (1) font of Heading, (2) font of sub-heading, (3) space between Heading and sub-heading. Please let me know how to adjust all three areas mentioned here. Thanks 🙂
@pankaj221 Please see this topic for the recipe demo psd files
– https://forum.tagdiv.com/topic/psd-logo-food-recipes/
We provided a solution in a similar topic, the user wanted to display a bigger logo in the mobile menu. So we provided a code to increase the logo size while maintaining a proper positioning for the menu and search icons. That code would look like this on your website
– https://www.screencast.com/t/05EzKKphvW
The same size will be kept when sticky
– https://www.screencast.com/t/QFm3Fbm9OVwA
So you could try it and see if this is how you want it, the code could be modified if needed. This is the code, it can be entered in Theme panel->Custom CSS
@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu, #td-header-menu {
height: 100px !important;
}
#td-top-mobile-toggle,
.header-search-wrap {
top: 23px;
}
.td-main-menu-logo img {
max-height:100px;
}
.td-header-menu-wrap.td-affix {
transform: translate3d(0px, 0px, 0px)!important;
}
.td-header-style-6 .td-main-menu-logo img{
max-height: 100px;
}
}
where can i have psd ( logo) for Recipe demo blog
Glad it has been helpful. The logo in the header or footer will have to be set in the theme panel
– https://forum.tagdiv.com/logo-favicon/
There are multiple header styles available
– https://forum.tagdiv.com/header-styles/
In the theme panel you can also find the Ads section, that is where you can add/remove the ads which will appear in the website
– https://www.screencast.com/t/TzpHFYOjr
If I missed or misunderstood something please correct me.
Hi,
So you want to increase the size of the mobile top menu section
– https://www.screencast.com/t/zO3er2gEEL
The default height of the mobile menu is 54px, it could be increased if that is what you want. Also the menu and search icon together with the logo will have to be taken into account as they will not look properly if the height is increased.
If this is what you want to do I will try to give you a solution, let me know.
Indeed the mobile theme has different files then the main theme. These are located in the mobile folder
– https://www.screencast.com/t/hgrGL0lYiGh
That is where all the mobile theme files are located, if you want to make modifications to them. For the footer logo on mobile you could use a code like this to reduce it if needed
– https://www.screencast.com/t/PFltz9Kjk8
.td-footer-logo img {
max-width: 50%;
}
Mobile theme custom CSS can be entered in Theme panel->Mobile theme->Custom code.
Errata corrige:
I added @media (min-width: 768px) { to the CSS
.sf-menu > li > a { /* I reduce the padding in the menu to avoid problems with the stickcy logo */
padding: 0 10px 0 10px;
}
@media (min-width: 768px) {
.td-header-wrap .td-affix .td-main-menu-logo img { /* I reduce the padding in the sticky logo */
margin: 0 6px 0 10px;
}
}
.sf-menu ul .td-menu-item > a:hover { /* GB Hover in the sub menu */
background-color: #eeeeee;
}
Please I did the right thing?
Thanks so much!
Gabriel
Thanks this was helpful.
How do I edit the top of the screen.
1) The logo for newspaper 8
2) The ad for newspaper 8 and below that the menu categories:
3) NEWS, FASHION, GADGETS, LIFESTYLE, VIDEO, HOMEPAGES
Are these also updated in tagDiv composer?
I am using Header Style 9 and want to have a full-width image covered by my logo at the top.
I just cannot for the life of me figure out the aspect ratio it wants, or if that matters at all. Last image I used was 5446 × 3631 and it still was made into a thumbnail-sized photo in the header.
What am I doing wrong here guys?
Hi Simion,
This is my site: http://cambiovita360.it/
I have customized the main menu by editing the following 3 CSS classes:
.sf-menu > li > a { /* I reduce the padding in the menu to avoid problems with the stickcy logo */
padding: 0 10px 0 10px;
}
.td-header-wrap .td-affix .td-main-menu-logo img { /* I reduce the padding in the sticky logo */
margin: 0 6px 0 10px;
}
.sf-menu ul .td-menu-item > a:hover { /* GB Hover in the sub menu */
background-color: #eeeeee;
}
Please I did the right thing?
Thanks so much!
Gabriel
Добрый день, Simion. С узкими размерами изображений в top grid разобрался. Нашел, где можно не 3 фото top grid, а сколько угодно поставить /Newspaper/mobile/includes/shortcodes/td_module_mob_1.php. Там можно поставить лимит top grid.
Вопрос другой теперь.
Можно ли отдельно в мобильной теме править заголовки в CSS.? И как уменьшить размер логотипа в footer в мобильной теме?
Спасибо за внимание. И за ответ, если будет.
Good afternoon, Simion. With the narrow size of the images in the top grid figured out. I found where you can get 3 photo topgrid, and any put /Newspaper/mobile/includes/shortcodes/td_module_mob_1.php. There you can set the limit of top grid.
Question the other now.
Is it possible to separate mobile theme to edit the header in CSS.? And how to reduce the size of the logo in footer in mobile theme?
Thank you for listening. And for the answer, if will.
So maybe something like this – https://www.screencast.com/t/ZbcZi6fY5
.td-header-style-7 .sf-menu {
margin-top: 0;
}
.td-header-style-7 .td-header-sp-logo {
height: 78px;
}
.td-crumb-container {
min-height: 20px;
padding-top: 0;
}
I could modify the code if needed.
Hi,
Glad you appreciate the theme, there will be many more options and features coming in future updates.
Regarding the issue, that is unusual. I have tried the same text logo you mention
– https://www.screencast.com/t/TpOHiTu9b7m
– https://www.screencast.com/t/gogqqaXopFq
There is no such issue in my test. It could be a plugin influence, please try as a quick test to deactivate all of them, leave only theme plugins active. Check if this has any effect on the logo text. Be sure to clear the cache after deactivating the plugin, if you have a caching plugin. Let us know the results.
Thanks
Thanks for the Newspaper theme. It’s awesome how many options I have to use.
I’m using Style 9 so that I can have a text logo. When I check the theme panel, I can see that it’s typed correctly as YOUR DOG’S HEALTH MATTERS. However, on the home page, the text actually has a slash that looks like this: DOG’/s How do I get rid of that slash?
Thanks for your help!
Hi,
Indeed, our AMP plugin does not feature a menu at the moment. This is similar to the Yoast SEO website which is leading in SEO solutions
– https://yoast.com/social-media-optimization-with-yoast-seo/amp/
Adding a menu will be considered in the future, the plugin is still at the beginning.
The logo will be the one set for mobile, so make sure you have one set
– https://www.screencast.com/t/APN4AoJf4Ld
A custom CSS section for AMP does not exist at the moment. This will be added in coming updates. If you want to add custom CSS you could add it directly in the plugin. This is a similar topic
– https://forum.tagdiv.com/topic/custom-css-in-amp-posts/
Thanks
I just installed AMP plugin and looks like a lot of features are missing. The logo is missing on the frontend, there is no menu, and no way to edit CSS for AMP. Here’s the link of the site: https://dubaiposter.com/blog/
That class you mention is used in some header templates, it is set for the div containing the logo you set in the theme panel, like header style 1 for example
– https://www.screencast.com/t/HlChP6QZ7B
Corresponding CSS for it is in the theme stylesheet
– https://www.screencast.com/t/86x1PnEDG
I want to include 5-10 pictures to a story, but don’t want to add them all individually to the page. How would I add a photo album or a slideshow? Is this already built-in into the Themeforest theme?
Also, how do I remove my ‘sign in’ name, and the ‘logout’ button that is on my page, as well as removing the placeholder for the authors picture?
Thanks.
So that area is blank.
Let me be a bit more specific.. where can I find this class from the template?
.td-header-sp-logo
It’s in the CSS file and raw HTML between style tags.
Also, assuming this isn’t a plugin, where can I find the code for banner ads that appear right below a featured image in a template?
Hi,
on a Voice Report demo page, there is a section on a front page titled “Past Stories”.
I have recreated this layout but now I need to link each button from this section to the corresponding archive page – so for example – when I click on a “Last Week” button it should bring me to the archive page displaying posts from the last week.
Analogously when it comes to the posts from yesterday, last month and last year.
Is there an option to sort posts like this on a given page that I’m missing or would it be required to modify themes code?
Thank you,
Paul
Hi,
There are size requirements for most header styles, but header styles 9, 10 and 11 do not have a requirement, you can set any size you want as logo. An example would be this demo that uses header style 10 and a big logo
– https://demo.tagdiv.com/newspaper_cars/
Simply make sure you upload the desired logo in full size
– https://www.screencast.com/t/graHsimAEo
– https://www.screencast.com/t/E0hQhKRetA
Thanks
Hi Simion,
many thanks for your answer ! You answered partly to my question.
Definition: personally by “title banner”, I mean a logo having the form of a banner, so it is not an advertising. It is containing a title (in fact:the name of my website) together with a small logo.
I attempted to upload it as a “logo”, but the system doesn’t allow it due to the size.
What do you think ? James