Greetings!
I just invested in Newspaper and I’m loving it so far!
However I’m rather to new to WordPress and web design in general, so I have some quirks I can’t figure out by myself. They should probably be easy enough to solve – but not for a newbie like me. Also, I can’t really code. So any technical advice you kind people might have will probably fly over my head!
Hope you can help me out!
1. My logo gets blurry when viewed on my mobile
Viewed on a desktop it looks fine, but on my phone it looks blurry. What can I do about this?
This also happens when tried to create a mobile page. Site URL: http://www.cogitate.no
2. Blog post text gets aligned to the left in desktop- and landscape view on an iPad.
I would very much want it to be centered. For reference, I’m using the pre-built Art blog pro theme. Though I stripped this down to almost nothing. However there are still some empty columns that I can’t remove for some reason (?), so maybe it has something to do with this? This is what it looks like: https://i.imgur.com/9WpAm2a.png
3. How can I edit the text in the bottom bar
I think the one that comes with the Art blog pro theme is clean and simple. But I don’t want it to say “Newspaper WordPress Theme by TagDiv”. The name of my website alone would be preferred. I guess this could be easily solved? It looks like this now: https://i.imgur.com/1lR2ao7.png
4. Installing a new font
I bought a font from Commercialtype.com. It’s a .woff file, so I guess it should be fine. I thought I managed to install it, but it just doesn’t look right. This is the instructions that came with the font:
@font-face {
font-family: ‘Lyon Text Web’;
src: url(‘LyonText-Regular-Web.woff2’) format(‘woff2’),
url(‘LyonText-Regular-Web.woff’) format(‘woff’);
font-weight: 400;
font-style: normal;
font-stretch: normal;
}
.LyonText-Regular-Web {
font-family: ‘Lyon Text Web’;
font-weight: 400;
font-style: normal;
font-stretch: normal;
And these are my settings font settings in the Newspaper theme: https://i.imgur.com/Z7KAFnT.png
What am I doing wrong? 🙁
I appreciate having a forum like this where I can turn to when I have questions! Finding out all of these things by myself has proven to be very confusing.
Kind regards, Roger.
Hello,
1. For logo size for desktop we recommend using is 272 x 90px, and for mobile 140 x 48px, but the logo can be edited with tagDiv Composer and you can set the logo size => https://www.screencast.com/t/Q49YDqYM -> https://www.screencast.com/t/8xupUNEjSS3 – https://i.imgur.com/hAU7jre.png
2. Please edit with tagDiv Composer, select the row from content and set the layout to 1/1 => https://i.imgur.com/kzD3Q20.png and the layout to https://i.imgur.com/u1YeLUo.png
You can find more information about the row here https://tagdiv.com/flexibility-rows-columns-newspaper-theme/
3. Please edit the page, scroll until the footer and select the text => https://i.imgur.com/NPtQ766.png and you can edit it.
4. If you upload the font in the theme panel, to apply to your website you need to set it with tagDiv Composer like in this video https://www.youtube.com/watch?v=jQvA64uTLkI -> https://forum.tagdiv.com/font-customization/
Hope this help you!
Thank you!
Thanks a lot, Anamaria!
That was all very helpful 🙂
The only thing I still can’t get right is my logo. It’s still comes off as blurry on a mobile. However, I’ll try to resize the original image down to around 140 x 48px in some image editing software without reducing it’s quality. Maybe that will help. That way tagDiv composer doesn’t have to resize it.
Again, thank you for your help!
Hello,
Please check if the logo size is upload full size => https://i.imgur.com/Nsk0wMf.png
Thank you!