How to add social media button on a theme without them throughout CSS?

13lmnt · Member · Mar 24, 2014 at 12:45 pm
Copy link

Add topic to favorites
I wonder whats the CSS code to add social media button on a webpage without them.. Plz answer the problem!
thanks

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 24, 2014 at 9:22 pm
Copy link
Hi, I see you have your social media icons in the sidebar now. Great Job!
13lmnt · Member · Mar 24, 2014 at 9:58 pm
Copy link
Yes thanks i found it by myself!
thesacredpath · Member · Mar 24, 2014 at 11:37 pm
Copy link
Hooray for you! If you have any other questions or run into any problems, please let us know.
newdefimageconsulting · Member · Mar 26, 2014 at 1:01 pm
Copy link
Hi,

Sorry what was the code used? I want to add social media button icons ontop of the header image on the bushwick theme reference site newdef.co.za
thesacredpath · Member · Mar 26, 2014 at 6:00 pm
Copy link
@newdefimageconsulting, what they did was to add the social media icons to a text widget. The following two support pages explain using a text widget and how to create links and linked images in them.

Text Widget
Text Widget Links
newdefimageconsulting · Member · Mar 27, 2014 at 6:45 am
Copy link
Thank you for the response. Unfortunately the theme doesn’t have a sidebar widget section hence why I was looking for a solution where I could place it on the image header section as is done in the theme where it has the site title and description layered over the image header.
thesacredpath · Member · Mar 27, 2014 at 2:36 pm
Copy link
@newdefimageconsulting, There is a footer widget area where the icons could be placed. With some custom CSS, that widget could be moved up and into position in the header area. The following would be some example code. You would add the text widget to the footer widget area, view the HTML, find that widget and get the unique CSS ID for it, which would look something like this: text-3. You would then add the following (with the correct ID) to your custom CSS and play with the top and right positioning.
```
#text-3 {
    position: absolute;
    top: 0;
    right: 20px;
}
```

No items found.