blog-title bottom (below logo image)

  • Resolved nissa1982

    (@nissa1982)


    6 years, 11 months ago

    I′v put an image of my logo as background in the blog-title. This logo already contains the name of the company, but this name will be deleted from the png. Therefore, I would like the blog-title to come in that place: underneath the green logo (so at the bottom). The blog-title is now centered, and is covering the green image.

    My CSS looks like this:

    }
    .blog-title a {
    font-family: ‘Agency FB’;
    font-size: 2.20em;
    color: transparent;

    }
    .blog-title {
    background: url(“https://lbcommunication-design.com/wp-content/uploads/2017/12/logo-textexpert_wit_3.png”) no-repeat scroll 0 0 transparent;
    color: transparent;
    margin: auto;
    height: 165px;
    width: 300px;

    }

    .blog-title {
    font-size: 1.75em;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);

    }

    I have already tried
    text-align: bottom;
    valign: bottom
    vertical-align: text-bottom;

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @nissa1982,

    If you add the following style to the .blog-title element (in addition to the stuff you have there already), it should offset the text from the logo image.

    padding: 102px 0 20px;

    You will also need to remove the height attribute from that element.

    — Anders

    Thread Starter nissa1982

    (@nissa1982)

    Thank you so much, Anders! That did the trick ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘blog-title bottom (below logo image)’ is closed to new replies.