WordPress.org

Ready to get started?Download WordPress

Forums

Do I add the new HTML tags just to page.php, loop.php or index.php? (1 post)

  1. gusbemacbe
    Member
    Posted 1 year ago #

    Hello everybody!

    Good evening!

    I added the new CSS tags to the style.css of the Graphene theme. I replaced these styles, which are for the post's author avatar image:


    .post-avatar-wrap {
    float: right;
    width: 48px;
    height: 48px;
    background: #fff center;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 1px 3px 1px rgba(255,255,255,0.35), inset 0px 3px 5px rgba(0,0,0,1);
    -webkit-box-shadow: 1px 3px 1px rgba(255,255,255,0.35), inset 0px 3px 5px rgba(0,0,0,1);
    box-shadow: 1px 3px 1px rgba(255,255,255,0.35), inset 0px 3px 5px rgba(0,0,0,1);
    margin-top: -10px;
    }

    .author-avatar-wrap {
    width: 48px;
    height: 48px;
    background: #fff center;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 1px 3px 1px rgba(255,255,255,0.35), inset 0px 3px 5px rgba(0,0,0,1);
    -webkit-box-shadow: 1px 3px 1px rgba(255,255,255,0.35), inset 0px 3px 5px rgba(0,0,0,1);
    box-shadow: 1px 3px 1px rgba(255,255,255,0.35), inset 0px 3px 5px rgba(0,0,0,1);
    margin-top: -10px;
    }

    For...:



    div#author-avatar-wrap,
    div#author-avatar-wrap img {
    width: 100px;
    height: 100px;
    }
    div.border-styles,
    div.border-styles img {
    -moz-border-radius: 27px;
    -webkit-border-radius: 27px;
    border-radius: 27px;
    -moz-box-shadow: 1px 3px 1px rgba(255,255,255,0.35), inset 0px 5px 5px rgba(0,0,0,1);
    -webkit-box-shadow: 1px 3px 1px rgba(255,255,255,0.35), inset 0px 5px 5px rgba(0,0,0,1);
    box-shadow: 1px 3px 1px rgba(255,255,255,0.35), inset 0px 5px 5px rgba(0,0,0,1);
    }
    div.border-styles img {
    z-index: -1;
    position: relative;
    }

    I don't know if I must keep the codes .author-avatar-wrap and <code.post-avatar-wrap in place of ...#autor... or #post... But if you say I can use the new CSS styles for the styles, which the file — loop, page or index to apply the new HTML Tags?


    <div class="border-styles" id="author-avatar-wrap">
    <img src="http://s.gravatar.com/avatar/6b9972f37dcff013b93aa1c900240b81?s=80">
    </div>

    Can I use the tags div.author or div.post?

    If you want the blog link. It's my brother's blog. I am using the offline WordPress for deveolping the project for his blog. He doesn't allow me to upgrade the theme to his online blog while it's not ready, but he uses the same theme that I use for developing. Follow the link:
    http://correrpracarai.com

    And if you want to see my offline WordPress theme for analysing, you can get and download my file:
    https://www.dropbox.com/s/w1hsuygqpd4g40f/correrpracarai.zip

Topic Closed

This topic has been closed to new replies.

About this Topic