Hi,
Use the Media Query Snippets from below and style the text as you like on mobile/tablet portrait/tablet landscape and desktop screens:
/* responsive phone */
@media (max-width: 767px) {
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
}
/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1200px) {
}
/* responsive monitor */
@media (min-width: 1201px) {
}Thanks
Hello there,
So I upgraded to Newspaper version 6. However, when I create a new page, I don’t see the “Homepage – bg – no article list” template anymore. How do I get the full width image on the homepage with Newspaper 6? Is there an easier way out?
thanks,
abhi
Suggestions anyone?
Hi,
Hi,
Unfortunately the page template with background has been removed and you will have to add the background image/color to the row. Please check this topic – https://forum.tagdiv.com/topic/change-background-color-of-the-big-slide-under-nav/#post-54593
Thanks!
Hi Alin,
Thank you for the suggestion. I followed the steps from the topic https://forum.tagdiv.com/topic/change-background-color-of-the-big-slide-under-nav/#post-54593 and was able to get the image to show up with full width. I have a follow up question. I added a “call to action” element and then set the row background image as you suggested. However, the background image height is cut off from the bottom (http://snag.gy/a6Rvs.jpg):
I’d like the full height of the row background image to show. Any suggestions?
Also I want some spacing between the row background image and Module 4 below.
Appreciate your help.
Thanks!
Hi,
As you can see you can add margins/padding to the row, so you can customize it like you need – http://screencast.com/t/G40JxDjwWG
Thanks!
Hi,
Thank you for your help! Another problem I am facing with this technique is that the row background image does not seem to be responsive. It appears fine on a desktop browser but in a phone screen, the image does not get smaller. What kind of media queries can I use to make it responsive? I tried the Column Settings (“Responsive Options”) but that did not seem to work either.
Also, I want the row background image to have a gradient just like some of the other slide based modules in the theme. I tried assigning the class “td-image-gradient” to the image but the gradient is not applied uniformly as shown in the screenshot.
I’d like to move the text block to the bottom of the row image. I tried a few CSS changes but couldn’t get that to work either.
Appreciate the help.
Hi,
I suggest to hire a freelancer if you don’t know how to do these customizations, as we cannot provide custom work at this time, sorry! Please provide a link so we can take a look at this and try to provide a start for your customizations!
Thanks!
