Changing and Aligning Logo

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months ago

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://ww.wp.xz.cn/plugins/custom-css-manager-plugin

    Then use its “CSS Code” section of the dashboard to hold your CSS modifications:

    Alternatively use your Child Theme style.css file to hold your CSS modifications:

    I’d like to center it

    and replace the site title text 

    body > img:first-child {
    display: table;
    margin: 0 auto;
}

.site-title {
    direction: ltr;
    left: -999em;
    position: absolute;
}
    Thread Starter pacificpublishing

    (@pacificpublishing)

    11 years, 3 months ago

    It’s possible to edit style.css from the Theme Editor. Will that work the same as downloading the plugin? There’s a lot of site title text in that file. Should I edit this?

    /*********************************************
    Header Module
    *********************************************/

    .site-title,
    .site-title a,
    .site-title a:hover,
    .site-tagline,
    .site-tagline a,
    .site-tagline a:hover {
    color: #551F26;
    font-size: 1em;
    line-height: 1;
    height: auto;
    margin: 0;
    padding: 0;
    text-decoration: none;
    -webkit-appearance: none;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    }
    .site-title a:hover,
    .site-tagline a:hover {
    color: #000000;
    }

    .site-title {
    font-family: “Homemade Apple”, Helvetica, Arial, sans-serif;
    color: #551F26;
    font-size: 3em;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
    margin: 0;
    padding-left: .25em;
    }
    .site-title a,
    .site-title a:hover {
    color: #551F26;
    }

    .site-tagline {
    font-size: 1em;
    line-height: 1;
    margin: 0 0 0 0;
    }
    .site-tagline,
    .site-tagline a {
    color: #B8DBCA;

    }
    .builder-module-header.builder-module-top {
    margin-top: 3em;
    }

    Thread Starter pacificpublishing

    (@pacificpublishing)

    11 years, 3 months ago

    I installed the Custom CSS Manager plugin and dropped in the code you provided. It worked but now I’d like to move it left to align with rest of the homepage. Please advise.

    http://peacefulhearttherapy.com/

    Thanks for your help.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Changing and Aligning Logo’ is closed to new replies.

Tags