Home>Support>Gradient Backgroud

Gradient Backgroud

By E-Mail Logic, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Could you tell me the CSS code for using a gradient background?

URL: http://boladoclothierclothing.com/new

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi E-Mail Logic

    Thanks for the wait.

    CSS Tricks has a pretty cool overview page on this topic: http://css-tricks.com/css3-gradients/.

    If you’re running the boxed layout version of Vantage this will work nicely under Appearance > Custom CSS:

    /* Vantage Background Gradient */
body {
  background-image:
    linear-gradient(
      red, #f06d06
    ) !important;
}

    Let me know how that goes.

  2. 10 years, 10 months ago E-Mail Logic

    works great – what about using a gradient for masthead and page body.

  3. 10 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Super.

    Masthead selector would be:

    /* Masthead */header#masthead {}

    Page body would be:

    /* Page */#main {}

    Footer would be:

    /* Footer */#colophon {}
  4. 10 years, 10 months ago E-Mail Logic

    that works –

    a couple of more issues:
    1. links in the masthead are blue – how can I change up
    2. icon are not appearing in masthead or footer
    3. site information link is going to google maps

    thanks for the prompt response

  5. 10 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    To set your link color sitewide please try the following under Custom CSS:

    /* Links */

#main a { color: #dd3333; }

#main a:hover { color: #2b1100; }

    Font Awesome not loading is usually due to either:

    a. Cross domain loading or CDN loading. If you have the same url listed in both fields at Settings > Reading and don’t use a CDN then this isn’t the case.

    b. A plugin conflict might be to blame. Temporarily de-activate all non-SiteOrigin plugins and re-test.

    Please send a link to the site if the above fails.

    3. Assuming you’ve checked the link itself at Appearance > Theme Settings > General: Site Information Text? If it’s not there try de-activating all non-SiteOrigin plugins and re-test. If that doesn’t work is it browser related? Try on another browser and or computer.

    For new questions after these please try open a support thread per question – I know it’s more effort but really helps the finadability of information as time passes. Thanks for your support.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More