This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Background picture and reducing widget padding horizontally

Open 4 replies themetheme-vantage
Dorit Reichstein Hejslet
11 years ago · Last reply by Andrew Misplon 11 years ago

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?

URL: http://dorithejslet.mitspace.dk/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Andrew Misplon Staff 11 years, 5 months ago

    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.

  2. Dorit Reichstein Hejslet 11 years, 5 months ago

    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

  3. Dorit Reichstein Hejslet 11 years, 5 months ago

    Sorry the code I have incertet is this

    element {
    padding-top: 100px;
    padding-bottom: 57.5px;
    }

  4. Andrew Misplon Staff 11 years, 5 months ago 
    element

    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.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread