center title and add socials buttons

  • Unknown's avatar
    lucianifiona · Member ·

    i would like to center my blog title
    and add socials networks button under the title
    any css ???
    thanks

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, this would center your title vertically and move your social icons up under your title. 

    #page {
  position: relative;
}
#wpcom_social_media_icons_widget-3 {
    position: absolute;
    top: 320px;
    left: 45.5%;
}
#wpcom_social_media_icons_widget-3 .widget-title {
    display: none;
}
#wpcom_social_media_icons_widget-3 .genericon {
    font-size: 150%;
}
hgroup {
    bottom: 30%;
}
@media screen and (max-width: 600px) {
  #wpcom_social_media_icons_widget-3 {
    left: 42%;
  }
}
@media screen and (max-width: 400px) {
  #wpcom_social_media_icons_widget-3 {
    left: 38%;
  }
}

    With responsive designed themes, such as Book Lite, moving a widget up into the header area typically doesn’t work well, but I was able to do it by using a couple of Media Queries to adjust things for smaller screens.

  • Unknown's avatar
    lucianifiona · Member ·

    OMG it works !!! Thanks a lot!

  • Unknown's avatar
    thesacredpath · Member ·

    Hooray and you are welcome.

  • The topic ‘center title and add socials buttons’ is closed to new replies.