Hi I’m using Vantage Premium and I am new to both the theme and WP.
Firstly, how can I stretch the background picture on the Homepage instead of duplicating it?
Secondly, how can I reduce the padding of the widget on the sides/ horizontally so when I give the widgets background colors there is not a big white beam from left to right covering the background image?
Hi Dorit
Thanks for running Vantage. Give the following a try in a Custom CSS module like the one included with Jetpack or under Appearance > Custom CSS for Vantage Premium:
/* Background Image */ #main { background-image: url("http://dorithejslet.mitspace.dk/wp-content/uploads/2014/09/Risskov-baggrund5.jpg"); background-repeat: no-repeat; background-position: center center !important; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }Please can you give me an example of a widget you want to change the padding on.
Thank you it worked ;)
I actually have another question :)
I am trying to move the 6 widgets (3 green buttoms and 3 social media Icons) in the header so that they are at the buttom instead of in the middle of the header. The reason why is that when you see the website on certain screens the logo is blocked by the widgets in header. I have already found the code that should move these widgets down by increasing the padding from 57,7px to 100 px. However, when I incert the kode into the Custom CSS nothing happens
This is the code that I have incertet
element {
padding-top: 57.5px;
padding-bottom: 57.5px;
}
Can you tell me what I am doing wrong?
Yours Dorit
Sorry the code I have incertet is this
element {
padding-top: 100px;
padding-bottom: 57.5px;
}
Refers to the current element being inspected by the developer tool so it unfortunately doesn’t have any bearing outside of that single application.
Give this a try:
header#masthead hgroup #header-sidebar {padding-top: 50px !important;}And adjust as required.