Seperate Click URL's for Category Backgrounds

Posted in: Newsmag
Post count: 55

Greetings,

We are using latest version of WordPress and Newsmag available. We are using different backgrounds for different categories. But when we enable clickable background ad, other backgrounds direct clicks to same url.

What we need is, defining different clickable background images for different categories with different urls. How can we do this?

This is our primary concern now.

Also some advertisers are not happy with background ad because they can’t correctly see the 1920×1080 backgrounds in their 1366×768 laptops or netbooks. Although I’m well aware we are in the age of at least Full HD, they are not. My suggestion for future updates is an option to include lower resolution devices in the background, as in the ad system where we can choose lower resoultion or different sizes for different devices. But this time different backgrounds for different resoultions.

This is not our primary concern but I believe such an option would increase viability of Newsmag for medium, large publishers as a main theme or system. I’m also aware that you may just ask us to customize our theme with a freelancer for such changes. But that road comes with update and maintenance difficulties and other unforseen bugs.

Best Regards,

Post count: 6535

Hi

The theme was designed to display a single background ad for all pages/posts. Changing that functionality involve lots of customization in theme’s core files and I cannot provide a quick solution right now. If you need this my advice is to look for a developer from sites like http://studio.envato.com/ to do it for you as unfortunately we cannot offer any type of custom work at this moment as we work hard on the development, updates, fixes and support.

Regarding the second problem if you want to display a different background image depending on the screen’s width you can use media queries like here:

@media (max-width: 1366px){
.backstretch:after{
content: '';
width: 100%;
height: 100%;
position: absolute;
background-image: url("your image url");
z-index: 0;
background-size: 100% 100%;
top: 0;
}
}

This code will switch the background image set from theme settings with a custom image for devices with a screen smaller then 1366px. This css must be added in theme panel > custom css.

Hope this help.
Thanks!

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newsmag’ is closed to new topics and replies.