Social Media Icons in the Top Right of Webpage – Healthy Living Theme

  • Unknown's avatar
    roamacrossamerica · Member ·

    Hello,

    I would like to add Facebook, twitter and instagram icons to the top right hand corner of my blog. I have the Healthy Living theme and just purchased the Custom Design in order to change the CSS for that feature. I am new to CSS and do not know much so if you could please provide a detailed explanation of how to do this process your help is very much appreciated.

    Thank you,

    Samantha Wilson

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

  • Unknown's avatar
    designsimply · Member ·

    I see that you added some social media icons into a text widget in the sidebar. What you can do next is use absolute positioning to move it to another place on the page.

    Here is an example to get you started:

    #main {
	position: relative;
}

#text-3 {
	margin-top: -530px;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	width: 180px;
}

    You can adjust the margin and width values as needed.

    You might also like this related help page about absolute positioning:

    Absolute Positioning Inside Relative Positioning

  • The topic ‘Social Media Icons in the Top Right of Webpage – Healthy Living Theme’ is closed to new replies.