- NewsmagLogo & Favicon
- NewsmagWhat’s included in Newsmag theme package
- NewsmagMain menu
- NewsmagHeader styles
- NewsmagFooter templates
- NewsmagTheme colors introduction
Hi,
I have purchased the theme for https://trailmag.co.za/ and currently my site is under constriction at http://trailmag.4uss.net/
Once i have finish the development work of my site, i will move to trailmag.co.za.
Note: All my question is related to http://www.trailmag.4uss.net
ISSUE 1:
I’m using the Header style 3. I want to increase my logo size to 434PX x 125PX with the existing header layout (Header 3). Please tell me which custom css of any changes in code i need to do, so that i can use a bigger logo size with Header 3 Layout.
ISSUE 2:
The Featured Image size is resizing automatically while displaying in the post. but our previous theme is not doing this. e.g- https://trailmag.co.za/trail-22/ Is one of the post in my old theme, in this post the featured image is not showing in the post but showing in banner/slider/block area. When anybody click on the image then the feature image is not showing and we have added same image in the body and viewers are able to view the image properly.
Here what happening: Suppose i have added a featured image to a post and also added same image inside the post. While viewing the post Both images are appearing. I couldn’t add the featured image for second time inside the article body if the display style of featured image was perfect.
So please help me by guiding how to change the resizing feature of feature image or how to hide featured images for some particular post while viewing. I have tried with several plugins to hide featured image, but everything fails.
Please help me
Thanks
Chandra
Hi
Our website customer from Germany sees a default logo http://imgur.com/a/KnH8K instead of our logo.
Our website https://myformat.club/
First 2 seconds our logo appears but after it is replaced be default logo.
How to fix that?
Hello,
If you are referring to the logo, then you can use one of the 3 header styles that will show the full logo and simply upload a big logo to occupy the whole screen. Header style 9, 10 or 11 are the ones that can display the full logo.
If you are referring to the image below the main menu, then you will need to remove the theme background image or color so the theme will not be boxed. This is mentioned here: https://forum.tagdiv.com/background-introduction/
Thank you!
The navigation bar artwork (home page icon, search icon, hamburger menu icon etc) are not displaying on my website – how do I get them back?
Hello,
I have two questions.
Question 1.
We are using header STYLE 1 – with the 728×90 to the right of the logo. We would also love to add a banner spot below the navigation before the content begins, but when we add via the editor, it seems to mess with the design – any tips on which files we should edit? Thanks!
We want to add a 970×250 between the main menu and the category tags:
Question 2.
We purchased a background ad rotator and we can select what categories etc that the banner shows on. One issue, where the featured articles are, the white background is 100%, unlike the other pages. Is there a way to keep it within the contest area? I have attached a screenshot:
Thanks for the help in advance!
Hello,
The logo on my website http://www.nativecurrents.com disappeared from the main menu on the homepage only; however it still shows on all the other pages. I have tried to bring it back on the homepage but I’m unable to. Is there any reason why this would be happening?
Thank you,
Gamal
I managed to leave the logo only centralized, thanks
Salut,
Am precizat mai sus ce presupune acel cod custom si ce efecte are in privinta imaginii din logo. Codul respectiv trebuie introdus in fisierul style.css al temei pentru a fi incarcat simultan cu restul stylesheet-ului – https://www.screencast.com/t/bjKuiHUx0bAM Ar fi recomandat si un clear la cache si un purge la cdn, daca este folosit.
Momentan nu vad acest cod incarcat pe logo – https://www.screencast.com/t/lTD77ueafSZ4
Multumesc
Hi there,
I’m trying to change the title font. When I insert custom CSS in the theme panel, nothing happens on the front end. I’m using the code below:
/*logo text parameters*/
.td-logo-text {
font-size: 80px;
font-family: sans-serif;
line-height: 60px;
}
Please advise,
Thanks in advance!
Irshaad
Hello,
I’m trying to change the font for the text logo to sans-serif. I’ve pasted the following code into Custom CSS section, but nothing changes on the frontend. Please help!
Thanks,
/*logo text parameters*/
.td-logo-text {
font-size: 80px;
line-height: 60px;
font-family: sans-serif;
}
/*tagline text parameters*/
.td-tagline-text {
letter-spacing: 1.8px;
font-size: 15px;
opacity: 0.5;
font-family: sans-serif;
}
Hi team,
Is it a way to display different header on specific page or article ?
Example : On page id 3 and all articles wich have the tag “classic”, I want to display a different header for that (new logo with a link on mysite.com/classic + a new menu).
If you know a way using a plugin compatible with your theme, or a code to do that, it will be very usefull.
I tried to inspect your code, but I don’t understand how the header.php of Newspaper theme works.
Regards,
Hello Jaredt,
1)I have inspected your logo and I saw that the white border is part of your logo and if you want to get rid of it, you should edit your logo in Photoshop or any other tool and simply erase it, like this -> https://www.screencast.com/t/8LSANle5BR1t
2)If you want to change the color of your Block Title from footer section, you should using the code below and place it in Theme panel->Custom CSS area.
.td-footer-wrapper .td-pulldown-size{
color:red!important;
}
The result is here -> https://www.screencast.com/t/uu7iaIpL
Thanks for the message!
Hello bigredfro,
Do you have read the about advice? Please read our guide here -> https://forum.tagdiv.com/newsmag-header-styles/ If you want to use the logo in full-width you should try using the Header Style 10.
Thanks.
Hello,
I am not a programmer and cannot tell whether the existing custom CSS causes this. Here is the entire code and if you notice something, pls let me know.
.td-header-style-1 .td-header-top-menu {
top: 0;
}
@media(min-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
@media(max-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
.td-header-menu-wrap {
background-color: #000;
min-height: 48px;
}
.td-header-style-1 .td-header-row {
width: 1030px;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-logo {
width: 500px;
position: relative;
margin-bottom: 8px;
margin-top: 8px;
}
.td-header-sp-rec {
float: right;
margin-bottom: 8px;
margin-top: 8px;
width: 468px;
position: relative;
}
@media (min-width: 768px) {
#td-top-search {
position: absolute!important;
top: 10%;
}
}
.td-header-container {
width: 100%;
}
@media(min-width: 768px) {
#td-top-search {
margin-top: 0!important;
position: inherit;
display: inline-block}
}
.td-header-menu-wrap:before {
background-color: #c00000;
content: “”;
display: block;
height: 4px;
}
.td-header-border:before {
height: 0;
}
.td-trending-now-wrapper {
background-color: #FFFF00;
height: auto!important;
}
.td-container-border > .td-pb-row:first-child .wpb_wrapper .td_block_wrap:nth-of-type(1) {
background-color: #FFFFFF;
}
@media(max-width: 768px){
.td-header-sp-rec,
.td-header-style-1 .td-header-row {
width: 100%!important;
}
.td-main-menu-logo img{
width: 75%;
}
}
.td-header-style-1 .td-header-main-menu.td-affix {
width: auto;
border-top: 4px solid #c00000 ;
}
@media(min-width: 1024px){
.td-header-style-1 .td-affix #td-header-menu {
width: 1030px;
margin: 0 auto;
}
}
@media(min-width:768px)and (max-width: 1023px){
.td-header-style-1 .td-affix #td-header-menu {
width: 756px;
margin: 0 auto;
}
}
Thanks.
The following image(s) are missing width and/or height attributes.
http://www.crypt.nu/wp-content/uploads/2016/05/Logo-230X90-e1463934848118.png (Dimensions: 230 x 90)
http://www.crypt.nu/wp-content/uploads/2016/05/Logo-272X90-e1463934987309.png (Dimensions: 272 x 90)
GTmetrix is nagging me about the logo images.
Use a Content Delivery Network (CDN) – There are 2 static components that are not on CDN.
http://www.crypt.nu/wp-content/uploads/2016/05/Logo-230X90-e1463934848118.png
http://www.crypt.nu/wp-content/uploads/2016/05/Logo-272X90-e1463934987309.png
How can I ensure that the logo images gets put on my CDN with all the other images?
Can you please help with the following two issues:
1) How do I remove the white border around my logo in the footer?
2) How do I change the color of the ‘popular posts’ and ‘popular categories’ text to white?
Screenshot: http://imgur.com/a/4QFck
Thanks so much!!
Salut,
Acel cod se aplica pe toate paginile site-ului unde un logo e folosit. Daca doresti sa il folosesti, trebuie introdus in Theme panel->Custom Css – https://www.screencast.com/t/sSvf9gzq5hb Trebuie luat in considerare ca acel cod css nu face altceva decat sa micsoreze width-ul spatiului destinat pentru logo, apoi il pozitioneaza inline, spatiu care nu are initial nici o limitare. Daca apare un delay la incarcarea paginii si afecteaza logo-ul, incearca sa introduci codul respectiv direct in fisierul style.css al temei, gasit in folder-ul principal.
Multumesc
It is still not showing up on our end. I already clocked on the logo and on categories and I did so again but still there was no issue.
If you are referring to these posts https://www.screencast.com/t/wKsl9TEip, that is NOT an error. You are seeing a theme placeholder image because those posts do not have a featured image set. Please add featured images for your posts so the theme can show a thumbnail instead of the placeholder: https://forum.tagdiv.com/featured-image-or-video/
Thank you!
Cum optin si eu scor mai bun?
https://gtmetrix.com/reports/sociedelic.com/vZqktMEO
The following images are resized in HTML or CSS. Serving scaled images could save 540.2KiB (94% reduction).
https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/16906639_1370879532986571_9131542814272782336_n.jpg is resized in HTML or CSS from 640×640 to 128×128. Serving a scaled image could save 95.8KiB (96% reduction).
https://scontent.cdninstagram.com/t51.2885-15/e35/16789382_1711132202510364_4965939851623923712_n.jpg is resized in HTML or CSS from 605×605 to 128×128. Serving a scaled image could save 69.9KiB (95% reduction).
https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/16789498_1414237918607625_7525904522279911424_n.jpg is resized in HTML or CSS from 640×640 to 128×128. Serving a scaled image could save 65.6KiB (96% reduction).
https://www.sociedelic.com/wp-content/uploads/2017/02/Sociedelic-LOGO-footer-2017-min.png is resized in HTML or CSS from 800×544 to 215×146. Serving a scaled image could save 64.0KiB (92% reduction).
https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/16789090_1869281793342242_8975765922404892672_n.jpg is resized in HTML or CSS from 640×640 to 128×128. Serving a scaled image could save 63.3KiB (96% reduction).
https://scontent.cdninstagram.com/t51.2885-15/e35/c77.0.566.566/16908411_639416779583264_5500324845142933504_n.jpg is resized in HTML or CSS from 566×566 to 128×128. Serving a scaled image could save 60.9KiB (94% reduction).
https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/c0.89.750.750/16789181_1080304302096931_3221435023454371840_n.jpg is resized in HTML or CSS from 640×640 to 128×128. Serving a scaled image could save 50.8KiB (96% reduction).
https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/c29.0.1021.1021/16906615_273303179757629_1931952954907033600_n.jpg is resized in HTML or CSS from 640×640 to 128×128. Serving a scaled image could save 46.3KiB (96% reduction).
https://scontent.cdninstagram.com/t51.2885-15/e35/c83.0.334.334/17076464_264945587289713_2719132048362045440_n.jpg is resized in HTML or CSS from 334×334 to 128×128. Serving a scaled image could save 23.6KiB (85% reduction).
Ba da, este ceva cauzat de tema, sau daca nu de explorer, habar nu am dar am testat si am vazut diferente considerabile.
Mai exact am gasit aceasta informatie aici la postul lui fderooy (#149078) :https://forum.tagdiv.com/topic/logo-sizeresolution-and-top-bar-bottom-border/#post-149078
Merge bine, doar ca se aplica doar la homepage, si am mai incercat si o alta varianta tot pe aici gasita care merge pe tot site-ul dar atunci cand se reincarca pagina apare mare pentru o fractiune de secunda iar apoi revine la cat la suta i-am zis eu din CSS.
Am incercat si cu logo facut la rezolutie mare peste 1mb si degeaba, tot se vede prost, iar varianta modificata din CSS cu .td-logo la 55% sau orice alt numar chiar da rezultate foarte bune doar ca v-am zis defectul, sa nu mai zic ca se vedea super sharp cu un logo optimizat pe Optimzilla si avea doar 49kb.
Bonjour,
Le problème apparait uniquement lorsque l’on clique sur le logo du site ou que nous cliquons sur une catégorie.
Cordialement,
Hi,
Please make sure you upload your logo image in full size – https://www.screencast.com/t/YUdMzVe4G – https://www.screencast.com/t/k5vUqMnbhqib Then it should display the full image size as there is no limitation in that respective header style for the logo.
Thanks
Salut,
Asta depinde de calitatea imaginii acelui logo folosit, tema nu influenteaza sau proceseaza in nici un fel imaginea in cazul acesta. Aceasta este redata fara nici o modificare. Incearca sa creezi si sa folosesti ca si logo o imagine de o calitate mai buna, daca nu esti multumit de calitatea curenta. Eu personal nu vad nici o problema legata de claritatea logo-ului.
Multumesc
