Can someone help me to achieve what I want? I want to add a banner to my news portal that will be the background of the the whole web site, and it would be clickable. Now it is set with three divs with fixed width and float: left (1. the left side of the banner, 2. the main content, 3. the right side of the banner) and all of them are in one main div with the total width so it can be aligned center with margin: 0 auto.
How can I achieve this differently? the problem is with the standard notebooks 15.4″, there is a horizontal scroll and they have to scroll left on every page to read the content.
This is my web site. http://faktor.mk
This is another website, I thinks it’s Drupal, and they have the same kind of banner, just their banner is automaticaly resizing if the screen is smaller. Try resizing the window and you will see the difference. kajgana[dot]com/blackberry-10-kje-zazhivee-od-30-januari
How can I do the same, if the screen is let’s say 1160px wide, only the main content 960px + 100px of the left banner and 100px of the right banner to be visible and the page to be centered? If it’s lets’ say 1060px, only 50px of the sides of the baner to be visible etc.
Any help is appreciated
Backgrounds are set in the CSS for the element you want it to show up in. You may then need to make other elements on your page transparent so the background shows through (if that’s what you want). So far as resizing, it may depend on the image you are using, but “background-size” may do what you want. These pages will likely be helpful:
Do be aware that you should make any changes in a child theme or using a CSS custom option or plug-in. Otherwise all your changes will be lost when you update the theme.
- The topic ‘How to add premium background banner?’ is closed to new replies.