Background images in homepage are set to “full with container” and should remain in this setting (if I chang to “in container” the image will become too large, as if it was zoomed).
Having this main setting, the custom css code you suggest will adjust the background image on 480 px screens?
I tried to add this code in specular css settings but nothing changes. I also tried to place the code inside the visual composer custom css in home page and nothing changes yet.
I alse get this alert whan adding css: “don’t use adjoining classes”
As the issue was not solved I switched to from shild theme to spacular main theme, and in this way the issue is solved.
There is still one moe problem: the home page has some rows with background images: all these image do no fit to smaller screens, seems to no not responsive. This happens both on smartphones/iphones and on tablet screens.
It happened alseo before updating specular.
I tried to regenerate with Retina for all dimensions the first background image in home (home5.jpg), but this does not solve.
I read several topics about my request of placing buttons (linking to pages) in a footer column, having the style of a tag cloud.
I suppose that is is not possible in specular (but also in many more themes).
So here I post my solution:
1) I placed “tag cloud” widget in one of the footer columns and set “portfolio categories” as taxonomy
2) I created one portfolio category for every page I need to link. I created at least one portfolio item for each category (we do not really need the portfolio item but the category must not be empty becouse if it is empty no button appears inside the widget)
3) I installeed a redirection plugin to redirect each category button to the specific page I want to be linked.
In this way I get several portfolio tags buttons inside the widget which really link to the pages I want.
It seems working, hope it will be useful for anyone.
