Home>Support>Minor CSS adjustments help.

Minor CSS adjustments help.

Hello, I would like to do two minor tweaks and I’m having trouble getting started.

My site: rxaidllc.com

1 – Vantage headline widget – how do I make the top line not display in all caps?
2 – Using the theme setting Layout Bound “Boxed”, and if your browser has a width over 1000px, you can see the logo on the left of the menu is flush against the side. How do I add padding?

URL: http://rxaidllc.com

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

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

    Hi Tyler

    Try the following under Appearance > Custom CSS:

    /* Headline Widget */
    
    .widget_headline-widget h1 {
    text-transform: none;
    }
    
    /* Vantage Logo In Menu - Logo Left Padding */
    
    header#masthead.masthead-logo-in-menu .logo {
    padding-left: 10px;
    }
    

    Adjust as required.

    Hope that helps.

  2. 9 years, 10 months ago Tyler Aldridge

    Thank you so much Andrew! One more thing, how do I adjust the “padding” between the two headers on the Vantage Headline widget? It looks like it’s a horizontal line with div class “decoration”.

    I tried

    .decoration {
    padding-bottom: 0px;
    }

    and nothing changed.

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

    Sure, try the following under Appearance > Custom CSS and adjust the margins as required:

    /* Headline Widget Separator Margins */
    
    .widget_headline-widget .decoration {
    margin: 20px 60px 20px 60px;
    }
    
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