Hi,
I uploaded 2 logos. A 272×90 and a 544×180 per the recommended size. On my macbook retina the 544 logo loads up to its full size. Is this a bug.
Also I am using heading 7. How do I move the logo to the left? I used CSS but it first loads in the center then floats left. What the correct css?
Hi,
I’m not sure what the issue is please provide your site URL so we can take a look.
Also you have to change the css code in style.css file as the default style is loading first and because of the cascading property of the css style appears the delay you have noticed. So try to remove this code – http://screencast.com/t/77pQNXhaN then clear cache and see if it works.
Please note that this change will affect also other headers so if you change the header style revert this change.
Thanks!
Hi,
The URL is http://tinyurl.com/staging-demo
The theme all of a sudden is broken. WordPress is telling me that the ‘template is missing’.
I attempted to edit the style.css as you suggested and the theme broke.
Here are the steps I took.
1 – I logged into cpanel and navigated to the newsmag theme folder. Copied the Style.css and moved it over to the child theme folder.
2 – Navigated to the child theme folder and attempted to edit the style.css. My browser crashed.
3 – I attempted to edit the style.css file from within wordpress and wordpress gave me a message that the theme is broken.
What did I do wrong? How can I fix this?
Thanks
I belive I found this issue. I needed to change the style.css author and add a template name.
Looks like its working. Can you look into the logo issue? Thanks
Hi,
The logo image for retina devices is loaded properly at the size that was uploaded (544×180) – http://screencast.com/t/9vAF3iz0f
If you want a smaller logo on retina devices you can try this custom css in Theme Panel > Custom Css: http://screencast.com/t/bxq0WXVG
.td-retina-data {
max-width: 27%;
}
Thanks!
Adding that code forces the logo in the footer to appear smaller as well.
Something must not be working correctly. Your suggested logo size is 272×90, for Retina displays the theme suggest to upload double the size. So why is it looking large on retina displays and not the 272×90 size but using the scaled up version?
Also, once I changed the css a few things went missing. Take a look here http://www.screencast.com/t/aA9XBZrF
Thanks for the help
Hi,
It should look like this: http://screencast.com/t/CXCezf7CLA so please also test this without any plugins active, leave just the VC plugin active and test this again, I believe a plugin is altering it. Please give it a go and let me know how it goes. You can also test our demo and see how the logo display’s there on your device: http://demo.tagdiv.com/newsmag/
Regarding the icons showing squares and chinese letters issue I’ve noticed these errors in browser’s console which pointing to theme’s icons fonts: http://screencast.com/t/BXRl080N2b and also noticed you use cdn. This usually happens when loading the font file (which contains those icons) from another host/url like your case of using cdn.
The solution would be to load them from the same url as the site or try this solution – http://webmasters.stackexchange.com/questions/71630/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co
Please let us know how it goes!
Thanks
Hi Lucian,
I deactivated all the plugins and still see the large logo on the retina display.
I inspected element and changed the max-height to 90px and it seems to load correctly just like the newsmag demo. Would this be an acceptable solution?
.td-header-style-7 .td-header-sp-logo img {
position: relative;
max-height: 90px,
}
Regarding the icons, I shared your reply with my hosting support team for their help in changing the htaccess and they came back with the below.
I have added in your website .htaccess the directive that was suggested in the article, however as I checked the characters remain unchanged, but via Chrome I am able to see another result:
http://www.awesomescreenshot.com/image/274460/9f0b7b47f1038a7de5a65af8208729b0
which makes me think that the issue is connected to the website configuration.
Please check the details and If there is anything else that we can assist you with , don’t hesitate to contact us back at any time!
Is there anything else we can try?
Hi,
If it’s working it’s ok but make sure that you take note of that change and consider it if this appears again.
Regarding the theme’s icons fonts I still see these 404 errors to browser’s console which now I’ve noticed they link to the child theme while this should load from within the main theme. I actually noticed that the whole style loads from your child theme: http://screencast.com/t/sHc48AeMHdqT Have you copied the the theme’s style file to your child theme? In that case you would need to also move the icons fonts to child theme or make sure you move the style back to the main theme and have the child theme configured like instructed here: https://forum.tagdiv.com/child-theme-documentation-newsmag/
Make sure that you test this by switching to thew main theme first and see if this is still happening and let us know how it goes.
Thanks
Ok. Fixed it.
What had happened was when I asked how to prevent the logo from loading in the middle first then loads to the left I was told to edit the css file
Also you have to change the css code in style.css file as the default style is loading first and because of the cascading property of the css style appears the delay you have noticed. So try to remove this code – http://screencast.com/t/77pQNXhaN then clear cache and see if it works.
Please note that this change will affect also other headers so if you change the header style revert this change.
I didn’t want to change the original file so I copied the style.css over to the theme folder and made the change. What would be the correct way of changing this without changing the original file?
Hi,
I’m not sure where did you copied style.css please provide more details. Without changing the original file you will have this delay like I said above the original css code is loaded first.
Also if you don’t want to remove margin, you can try to float image log to the left directly in the file(so you will not have that delay) – http://screencast.com/t/BVgZsUV4sNx4
Hope this helps!
Thanks this worked.
