[resolved] Need Help Centering Image in Header with Adelle Theme (3 posts)

  1. brettdecorotation
    Posted 2 years ago #

    Site link. I don't know html very well and am having trouble centering an image in the header. It is showing as left justified. Below is what the code looks like:

    /* Overall */
      .container {margin: 10px auto; width: 90%; overflow: hidden;}
      .header {position: relative; width: 90%; margin: 0 auto; padding: 40px 0 0 0;}
      .section {float: left; width: 60%; margin: 20px 0;}
      .aside {float: right; width: 35%; margin: 30px 0; background: #f8f8f8;}
      .footer {clear: both; overflow: hidden; margin: 0 auto; width: 100%; color: #777;}
      /* .header form */
      .header-form {clear: both; overflow: hidden; position: absolute; top: 4px; right: 20px;}
      .header-text {width: 80px; border: 1px solid #bbb;}

    I would greatly appreciate if someone could help me out! Thank you!


  2. Lorenzo Orlando Caum
    Posted 2 years ago #

    Try this in your theme's styles.css file or in a CSS plugin like My Custom CSS:

    .header-title {margin-left: 175px; color: #000;}

    It should look similar to this:


  3. brettdecorotation
    Posted 2 years ago #

    Thanks so much, Lorenzo. That worked perfectly!!

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.