- 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
I’m trying to use a .svg for the main logo in the header. I’ve installed various plugins to try this, all allow me to upload svgs into the media area, and place them on any post or page. However, when I go to the theme panel and select them for the logo image they aren’t visible.
Is there something I have to do to make them load into the logo area on the header.
Hi,
The header background color can be changed to your linking in the theme panel
– https://www.screencast.com/t/imbQN5KP
The craft demo uses header style 11, it has a logo image and a background
– https://www.screencast.com/t/w7hHOhNcmWwn
However a thing to note is that header style 9,10, and 11 do not have a limit for the logo image size. You can use any image you want
– https://forum.tagdiv.com/logo-favicon/
This demo would be an example of a full width big logo
– https://demo.tagdiv.com/newspaper_cars/
Regarding the footer section, there are many templates to choose from
– https://forum.tagdiv.com/footer-templates/
Some have predefined content, others are empty templates in which you can insert your desired widgets.
The demo used footer template 14, enter your own information in the theme panel and it will appear in the footer
– https://www.screencast.com/t/RPAcxC4qup
– https://www.screencast.com/t/ZstTQg601mr6
Or select a different page template of your choosing.
I believe you are referring to the excerpts displayed on modules (center aligned)
– https://www.screencast.com/t/RXiC4JzrN
Those could be justified with a code like this entered in Theme panel->Custom CSS
– https://www.screencast.com/t/wXUQ91O4RO
.td_module_18 .td-excerpt {
text-align: justify;
}
Rows can be split in columns in the row settings
– https://www.screencast.com/t/DNt18HtVh
You can use widget sidebars if you wish, there is an element for that
– https://www.screencast.com/t/YM3HYouq9x7D
Then you can display sidebars from your available ones.
Big grids and full big grids can only be placed on full rows, a bog grid cannot have a sidebar beside it. Use blocks and other elements for that. These are all the available grids and blocks
– https://demo.tagdiv.com/newspaper/big-grid-1/
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
– https://demo.tagdiv.com/newspaper/block-1/
Thanks
Salutare,
Multumim pentru apreciere, incercam sa facem tot posibilul pentru a oferi un produs de calitate.
1. Da se poate, in setarile WordPress
– https://www.screencast.com/t/Tn9BGdFs
– https://www.screencast.com/t/16HPVEfDyrto
– https://codex.wordpress.org/Formatting_Date_and_Time
2. In author box trebuie introdus ID-ul userului
– http://www.wpbeginner.com/beginners-guide/how-to-find-post-category-tag-comments-or-user-id-in-wordpress/
– https://www.screencast.com/t/VZJKCy6TOg
Vor aparea inforamntii preluate din profilul user-ului
– https://www.screencast.com/t/xFmhvLsoA
3. Icoanele de share vor fi ascunse automat, doar cand nu este destul spatiu disponibil
– https://www.screencast.com/t/oEPEJBgMOxOT
– https://www.screencast.com/t/h6YzT7qaE6
Sunt multe stiluri disponibile pentru icoane in theme panel
– https://www.screencast.com/t/25ub7K9b5
4. Acele tag-uri post fi customizate doar cu CSS, la momentul acesta. Nu este o setare pentru a personalize culoarea acestora. Poate va fi disponibila dupa un update viitor, nu as putea spune sigur.
Deci se poate folosi CSS in aceasta privinta
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
5. Sectiunea de latest (si sidebar aferent) va fi afisata cand este selectat acest page template
– https://www.screencast.com/t/ytNJMKHQmw4
Se poate customiza, sunt optiuni pentru aceasta sectiune. Sau se poate selecta un page template diferit.
6. Acele elemente din footer sunt predefinite. Unele footer templates contin elemente predefinite, altele sunt goale
– https://forum.tagdiv.com/footer-templates/
Elementele predefinite nu pot fi modificate. Se pot adauga widgets in footer configurate dupa preferinta
– https://www.screencast.com/t/G1gd1co9WdMv
7. Acela este un post template (post template 11). Sunt multe modele din care se poate selecta, indiferent de demo instalat
– https://forum.tagdiv.com/post-templates-2/
Pentru featured video posts se recomanda a fi folosite doar unele post templates
– https://forum.tagdiv.com/featured-image-or-video/
8. Se poate customiza in theme panel cu setarile disponibile
– https://forum.tagdiv.com/more-articles-box/
#Sugestii
1. Se poate selecta sa se incarce mobile logo can meniul e sticky, in theme panel
– https://www.screencast.com/t/HrQYiiKkHVqQ
2. Multumim pentru sugestie, o sa adaug acesta propunere pe lista noastra.
Multumesc!
In primul rand “Felicitari pentru tema”!
Totul functioneaza foarte bine, o sa folosesc tema voastra si in proiectele viitoare.
#Am anumite intrebari:
Am instalat demo-ul vostru default (https://demo.tagdiv.com/newspaper/)
1. Pot sa afisez si ora postarii, nu doar data? (pentru un website de stiri este important cine a publicat primul ca si ora si minut). WordPress implicit la postare are: data, ora si minut.
2. De unde customizez “author box” sa aiba poza si descriere?
3. Unde setez ca la articolele postate icoanele de share sa fie vizibile in mod automat si nu doar apasand icoana + (la voi in demo sunt afisate automat).
4. Pe fiecare poza este scrisa categoria. Are default background color negru si la mouse hover este albastra. Se pot schimba aceste culori din meniu fara custom CSS?
5. Cand editez demo-ul vostru cu TD Composer nu pot edita si “LATEST ARTICLES”, de unde incarcati aceste articole? Din ce locatie le customizez?
6. In footer de unde incarcati EDITOR PICKS si POPULAR POSTS? Din ce locatie le customizez?
7. Se poate ca la o postare care este adaugata in categoria “Featured” sa faca display pe homepage in loc de poza un videoclip Youtube? Demo-ul vostru de aici: https://demo.tagdiv.com/newspaper/td-post-after-effects-guru-tracking-and-stabilizing-footage/ nu este incarcat atunci cand instalezi tu ca si client demo-ul, astfel puteam edita si vedeam ce block foloseati.
8. De unde customizez “popup-ul” cu “mai multe articole” care apare in dreapta jos atunci cand accesezi un anumit articol?
#Sugestii:
1. Logo: Atunci cand ai facut ceva scroll pe pagina si dai scroll sus apare din nou meniul website-ului. Aici ar fi bine daca ar incarca logo-ul din mobile, sau alta varianta. Explicatie: Daca in logo ai un motto, cum aveti voi de exemplu: “the art of publishing” acel text nu mai este lizibil la scroll sus cand reapare meniul (asa este si in cazul meu).
2. Clasa “td-adspot-title” care face display la textul “- Advertisement -” este deja declarata de cei de la Adblock in “spam ads”, acesta clasa ar trebui “schimbata” la fiecare update de tema, sau mai ingenios generata in functie de un parametru unic pentru fiecare client, astfel sa le fie aproape imposibil sa o declare “spam ads” asa usor. Daca verificati cu Adblock plus inclusiv demo-ul vostru o sa vedeti ca “- Advertisement -” nu apare.
Apropo: Tema voastra functioneaza perfect cu Wordfence (antivirus, firewall cu +1 milion instalari active).
Hi,
So maybe something like this – https://www.screencast.com/t/ULF2ZJ4vV5ce
This is the code for that, enter it in Theme panel->Custom CSS
@media (max-width: 767px) {
.td-header-style-11 .td-logo-wrap-full .td-logo {
line-height: 68px;
}
.td-header-style-11 .td-logo-wrap-full {
min-height: 68px;
border-bottom: none;
}}
You could chnage the menu background color to white and icons to black in the theme panel for a blending effect, if you want to
– https://www.screencast.com/t/gHFUyQNbopH
We could modify this code if needed, let us know.
Thanks
I just got the Newspaper theme and am trying to get it set up properly. For the header text logo I’ve typed a word with an apostrophe (Panda’s) but there’s a \ inserted before it so it appears as Panda\’s. How do I fix that?
Hi!
Example page here: https://stevivor.com/reviews/shadow-of-the-colossus-review/
Two requests:
1) How can I reduce the height of my header in desktop view? I’m talking about the blue area around my logo — my logo image is just as high as its text, and there’s a lot of unnecessary padding.
2) I’d like to remove the dotted lines around the subtitle (which I’ve moved underneath the featured image) and also make the text black. How can I do so?
Thanks as always for excellent support!
Thanks. I’ll send you the link to a test site:
Basic auth user/pass are both wibble
Ideally I’d like to use the mobile logo (and maybe make the top menu white instead of black) but it’s just a bit on the small side by default, so using the ‘desktop’ logo was the alternative.
That is the footer logo, I could give you a code to remove it on mobile
– https://www.screencast.com/t/IOcV4NjPa
Enter it in the same mobile theme custom code section
.td-footer-logo {
display: none;
}
Hi – I’m struggling a bit with full-width logo. I’m using header style 11.
I’ve created a logo which is 1068×180. This is lovely on a desktop and matches the page width. On a mobile, I don’t want to specify a mobile logo (as it’s a bit small, squashed in between the menu and search icons) so I’m relying on the same 1068×180 logo on mobile too, which displays full-width below the Main Menu. Problem is with mobile display sizes, whitespace padding appears between the Main Menu (at the top) and the logo. Also padding just below the logo to the faint dividing line. I’m wondering if it’s possible to make the scaling a bit more elegant, perhaps top-justify the logo so there’s no white space between Main Menu and logo, and also perhaps lose that divider just below the logo?
Hi,
This code will increase the height of the mobile header, like this
– https://www.screencast.com/t/2OBzz0URu
It will remain the same size when sticky as well
– https://www.screencast.com/t/nJTTeiaXT
This is the code used
@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;
}}
You may modify values if needed, or leave it as it is.
Thanks
I’m finally setting up my newspaper theme and I’m trying to get my host’s ad code set up. I put the information needed in the <head> meta section and then the other part where I want my ad to show in the theme panel ad code section for the header ad but the ads aren’t showing on my site. I’m not sure if I’m doing something wrong or if it’s something to do with the ad code.
Ad code is here: it’s the first one 728 above the fold: http://www.flaunt.nu/new_2015_flaunt_tags_en.html
website: http://www.shineon-media.com/ – trying to make the ad show to the right of the logo.
Thanks so much.
Apologies Catalin, maintenance mode is now off.
I understand it’s not something you encourage, but I still wanted to see if it’s possible to increase the logo size and menu bar container like in the screenshot at https://www.screencast.com/t/QV4urfiBC
But ideally for the logo to be almost the full height of the larger container as well?
After multiple attempts*, I can’t solve the problem of the search icon position, always on a second line.
So I go back to version 8.2
Is there a real solution?
Thanks
JL Cougy (jl.cougy@gmail.com)
* 8.6 Update via FTP – Save in the theme panel to regenerate the CSS cache of the theme – Clear Cache
Site : https://www.enrevenantdelexpo.com/
Header Style 3
Custom CSS :
.td-header-header {
background-image: url(“https://www.enrevenantdelexpo.com/wp-content/uploads/2018/01/En-revenant-de-lexpo_Blog-2018.jpg”
);
background-repeat: no-repeat;
}
.td-header-menu-wrap-full{
height:30px!important;
}
#td-header-menu{
min-height: 30px!important;
}
.sf-menu > li > a{
line-height: 30px!important;
}
.td-main-menu-logo{
height:30px!important;
}
.home .td-main-page-wrap{
padding-top:0!important
}
.td-header-gradient:before{
display:none!important
}
Hello,
I cannot recreate this issue on my end. Your logo is 132×42 http://www.interestinganswers.com/wp-content/uploads/2018/02/132×42-1.png
If i test with this size, on header style 6 the logo will be: 138 x 48
Please check any image optimization plugins you may use and disable them for testing purposes.
Thanks.
Newspaper/style.css includes the following code (in 8.6 this is lines 4143-4148):
@media (min-width: 767px) {
.td-header-style-10 .td-affix .td-main-menu-logo {
position: absolute;
left: 0;
}
}
I found that as a result, there is one pixel where the logo does not look correct — it should be position: initial up to 767px inclusive. So min-width could be 768px instead.
Hi. I’ve just puchased the newspaper theme and editing it to get the look and feel that i want.
I’m currently experiencing a problem with the footer area .
I am looking to use either style 4 or 14 which is a very minimalist look. It’s got some social icons. my logo and some text from the “info content” area.
The problem i have is that it doesnt seem to work. If i choose one of the above, and save it, the footer area doesnt appear like this at all. It’s got popular posts, popular categories, recent posts, recent comments, categories, archive button drop down box.
Can anyone point me in the right direction as to why / where its picking up these other elements.
I’m pretty new to this kind of thing, so it might be blidingly obvious to someone, but not me.
Thanks in advance.
Hi, can you help me with replace text on the post via functions.php
Example i have code like this
<img class="logo" src="https://domain.com/photo.jpg" style="with:100px" >
I tried to edit this code like this
<img src="https://img.domain.com/photo.jpg?w=696&quality=80&strip=all">
So i add this code to functions.php, but something was wrong! can you help please
function replace_text($text) {
$text = str_replace(‘<img(.*?)src=”(http://|https://)(.*?)(jpg|png|gif)(.*?)>’, ‘<img src=”https://img\1?w=696&quality=80&strip=all’, $text);
return $text;
}
add_filter(‘the_content’, ‘replace_text’);
Hey everyone,
I have been trying to resolve this on my own for the last two hours, and I have not had any luck.
Here is my website: http://www.jeanfrancoisdp.com
What I am trying to do is replace the grey color around my logo in the header to white on the desktop version of my site. I also want to replace the small patch of grey located on the top-right of the search icon.
What I am looking to accomplish is just to have the upper part of the top menu white and not grey.
Thanks!
Hi,
Thank for your reply.
I managed to resolve the logo issue, I think it was something with making the logo sticky. Right now it’s not sticky, and it’s displaying correctly.
Regarding the fonts, as I said, I tinkered a lot with the backend font settings. I wouldn’t write if I hadn’t checked.
For example, on the current frontpage, for the the life of me, I can’t find which one is changes the image titles (not the homepage post). It’s set as 46 px and 37px line height, I cannot nothing that matches that. This is just one example.
Other Examples:
– Homepage > Image block titles
– Blog post >Title
– On Category page > title and body
– in post editor (in backend) the font is different vs. in preview
Maybe it in the modules MX etc. part where I can find my answers, but they’re not marked what does what.
So I’m still stuck.
Hi,
The logo will be h1 in the situations mentioned here in this file
– https://www.screencast.com/t/2AUZnW9JRv
That is where the conditions are defined and where you can make your modifications if this is required for you.
Thanks
Hello luke,
I have tried to access your website but no success because your website it seems to be in maintenance mode, sorry! Please, notice that we do not encourage to use such a Custom CSS code to increase the logo section because the theme layout could be more easily broken, sorry! Make sure that your logo size is according to our documentation because if you will check our demo preview you will see that the logo works as expected. Try to use our logo from Newspaper, take it from demo preview, add it to your website and check the results. Clear all the caches after this and see the results.
Thanks.
The font of the text logo an tagline could only be changed with a custom code, or through a child theme if you have one. For example
– https://www.screencast.com/t/2XDiFFOybC
There plans to add options in the theme panel for the logo and tagline text, for the moment there aren’t any. This is the code used
.td-logo-text-container .td-logo-text {
font-family:Arial!important;
}
.td-logo-text-container .td-tagline-text{
font-family:Arial!important;
}
Thanks
Thanks for that.
With that code the the menu bar container is bleeding onto the grid below, as per:
http://www.screencast.com/t/ujsQgxDXI
Is it possible to increase the size of the menu bar container as well so that this doesn’t happen?
Is it also possible to increase the size of the logo quite a bit more than in the above example as increasing the values didn’t seem to increase the size after a certain point.
I also found a screenshot in another post: https://www.screencast.com/t/QV4urfiBC
Where the logo size and container seem quite a bit bigger, but I couldn’t figure out how to use it on my website. Ideally the menu bar container would be about the size it is in the above screenshot, but the logo would be almost the full height of the container.
Hi there,
I do not know if this is the correct way to suggest new improvements to the them, but here I go:
– Better Search bar: In desktop, the search is too small and it could be better a full screen search (like in mobile) and like many websites do. Example: https://pitchfork.com/
– Hamburger Desktop menu: A lot of webs have this feature. You can show the post title as you scroll in the menu and show only website logo and a hamburger menu to open all links, or just show big logo centered. Example: https://www.nytimes.com/2018/02/01/theater/come-from-away-sankoff-hein-grammy-awards.html?hpw&rref=theater&action=click&pgtype=Homepage&module=well-region®ion=bottom-well&WT.nav=bottom-well
– Auto Load Next Post. MUST. This is a big thing nowadays for publishers. This could work: https://github.com/AutoLoadNextPost/Auto-Load-Next-Post/issues/85
Thanks in advance.