Need answers to Premium Infoway theme questions
-
I’m working on a site for my client, using the Premium Infoway theme and I’ve posted two questions in the Premium forum, but it’s been over 4 days. Does anyone monitor that? I kind of need the answers to two questions now:
• I added a custom header to my site, using the rec’md pixel dimensions, but when viewed on a=mobile, it shrinks and looks terrible. This theme is listed as responsive, but that makes no sense if I can’t add a custom header.
• how can I remove the author, date, etc tags under images added to posts, and how can I bring the text up so that it starts to the right of the photo, as shown on the demo page?
The blog I need help with is: (visible only to logged in users)
-
Hi Bonny,
I’m so sorry about those unanswered questions in the theme support forum. We’re checking with the theme author about those now. In the meantime, I’ll do my best to answer your questions:
I added a custom header to my site, using the rec’md pixel dimensions, but when viewed on a=mobile, it shrinks and looks terrible. This theme is listed as responsive, but that makes no sense if I can’t add a custom header.
I see what you mean about that shrinking header. You can use Custom CSS (part of your WordPress.com Premium plan) to make that behave differently on mobile devices.
To add custom CSS, go to your My Sites page and click the Customize link under the blog’s title. In the Customizer, open the CSS section and in the CSS editor there, you can enter the following CSS:
@media only screen and (max-width: 960px) and (min-width: 768px) { .header .logo img { width: 100%; } } @media only screen and (max-width: 480px) { .header .logo img { width: 100%; } }Please give that a try and let me know how it goes. I’ll also point out the issue to the theme author so they can take a look at how the theme handles custom headers by default.
how can I remove the author, date, etc tags under images added to posts, and how can I bring the text up so that it starts to the right of the photo, as shown on the demo page?
It looks like you found the CSS to remove the author, date, etc. from your posts. I also checked and I see that the text is wrapping around the right side of your photos, too. If there’s something there that still isn’t looking right, please let me know!
-
Thank you for your quick reply. I will try this and let you know if I have any follow-up questions. Yes, I figured out the other css code but am still in the process of building the site so I may have further questions.
-
I added the css and it works well for tablet, but is still too small on mobile, probably because it’s too wide? Is there a way to modify this if I created a different sized header and spec’d it just for mobile?
-
Yep, the image looks small on a phone because it’s much wider than it is tall. If you created a specific image to use on small devices like phones, you could upload that image to your Media Library (under Media > Add New in your site’s dashboard). Make a note of the link (URL) for that image, along with its exact height and width in pixels.
Then, you can add CSS like this:
@media only screen and (max-width: 480px) {
.header .logo img {
display: block;
background-image: url(http://flaxgoldentalesdotcom.files.wordpress.com/2014/08/cropped-homepage-header2.jpg);
height: 100px;
width: 450px;
padding-left: 450px;
}
}In that CSS, make sure that next to background-image, in the parentheses, you paste in the link (URL) for the new image you want to use on phones. (My example uses the link for your current header image.) Then, next to height enter the exact height of the image, and next to both width and padding-left enter the exact width of the image.
Please let me know how that goes!
-
Hi there: I tried this, but I must be doing something wrong because it doesn’t seem to be working. The new header for mobile is pretty small (350px wide) and it’s still not small enough to fit. Can you take a look at it? Thanks.
-
Some phones have much smaller screen resolution, so depending on what phone you want it to look best on, you may need to use an even smaller header image. (For example, my phone’s screen is only 320 pixels wide.) Could you try an even smaller image (maybe around 270 pixels wide) and see if that works better for you?
-
I don’t think the issue is the pixel dimension. I made a simple colored rectangle to try on the mobile…see image here: https://flaxgoldentalesdotcom.files.wordpress.com/2014/08/mobiletest.jpg
It’s 300px w x 101h and I put in the correct css. It’s not showing up at all. I tested it on an iPhone and a Galaxy. It’s still pulling the original I think.
-
Can you also tell me how to hide tags on posts? Can’t get it answered in the Premium forum. I tried both of the css below but it’s still showing up…See this page (bottom) as an example: http://flaxgoldentales.com/2014/08/18/bonny-becker/
.entry-meta .entry-tag {
display: none;
}.content-bar .post ul.post_meta li.post_tag {
display: none;
} -
Hi Bonny,
It’s 300px w x 101h and I put in the correct css. It’s not showing up at all. I tested it on an iPhone and a Galaxy. It’s still pulling the original I think.
I’m sorry that didn’t work for you! It’s possible that the CSS I gave you won’t work correctly on your site — we may be hitting the limits of my CSS abilities with this. If the theme author isn’t able to resolve this for you, the best place to get CSS help is actually from the expert staff and volunteers in our CSS Customization forum:
https://en.forums.wordpress.com/forum/css-customization
You can also get help making that change by requesting further assistance here: Request Theme Customization
-
I really don’t want to have to pay more for customization help. Is there any way to get speedier answers from the theme author?
And do you know about hiding the tags?
-
Hi Bonny,
Our team checked in with the Infoway theme author, so you should get more prompt replies now. I’m very sorry for the delay you had with that before. For other CSS questions, asking in the CSS Customization forum is really the quickest way to get the best help:
https://en.forums.wordpress.com/forum/css-customization
I’m happy to help with any other questions you may have!
- The topic ‘Need answers to Premium Infoway theme questions’ is closed to new replies.
WordPress.com Forums 
