Social Network Icons CSS Customization

  • Author
    Posts
  • #1445446

    vlogazul
    Member

    Hello!
    I am currently using the forever theme on my blog and I was wondering if someone can create a snippet for me to put the social network icons on the right side on top of my header. As you can see I already have those icons on a widget but I want to have them on the right side on top of my header. I would appreciate any available help. Thanks!

    The blog I need help with is vlogazul.com.

    #1445643

    siobhyb
    Staff

    Hey. Did the following snippet:

    #text-2 .textwidget > p {
    position: absolute;
    top: 50%;
    right: 20%;
    }

    Not work for you?

    #1445675

    vlogazul
    Member

    I put that code into my CSS editor but all of the sudden it doesn’t work! I played around with the numbers and I made it look just the way I wanted but when I hit save it looks completely different. Also, depending what browser I am using it looks completely different. Thanks and hope there’s another snippet to possibly fix that!

    #1445676

    siobhyb
    Staff

    Sorry about this! Try using ‘px’ instead of ‘%’ as measurement for the top and right values. Also, “#text-2” needs to be replaced by “#text-7” as follows:

    #text-7 .textwidget > p {
    position: absolute;
    top: 55px;
    right: 230px;
    }
    #1445681

    vlogazul
    Member

    Thank you very much.

    Just a quick question! I am planning on setting up some sticky posts so that I can have the slider on my blog and am wondering if there’s a CSS snippet to make that slider be on the left side of my front page, instead of having it on the top! Hope it’s possible so I can have the slider on the left side and the Recent Posts “Ăšltimas Noticias” widget on the right. I would appreciate any help!

    #1445684

The topic ‘Social Network Icons CSS Customization’ is closed to new replies.