Moving social icons in Debut theme

arvindrajayadav · Member · Feb 3, 2012 at 6:59 pm
Copy link

Add topic to favorites
I’m using the Debut theme on my website. It’s great, but there’s one small change I need to make – moving the social icons provided by the theme to the top of the page.

Here’s the normal position of the social icons, and it would be great if they could be moved near the top of the page.

Is there a way to do this?

The blog I need help with is: (visible only to logged in users)
timethief · Member · Feb 3, 2012 at 7:01 pm
Copy link
I’m sorry but Debut is a premium theme and we Volunteers answering questions on this forum have no knowledge of how they are designed to operate. When you purchased your premium theme what came with that purchase was support directly from the theme designer in the Premium Theme Support Forum. There is a link for the specific Premium Theme support forum under Appearance -> Themes in your blog’s Dashboard
arvindrajayadav · Member · Feb 3, 2012 at 7:06 pm
Copy link
Oops, I’m really sorry. I didn’t know there was a separate forum.
timethief · Member · Feb 3, 2012 at 7:09 pm
Copy link
Not to worry. WordPress.com Staff will also help you as they provide support for CSS editing. Best wishes with your blog. :)
designsimply · Member · Feb 3, 2012 at 7:15 pm
Copy link
Premium themes are actually supported by the theme authors. General CSS help is done here though. A lot of times, we can help with basic CSS questions here, but sometimes we may send you to the premium theme forum depending on how involved your question is and how it relates to the theme. :)

Here’s one way of moving the network block of HTML from the footer to the top of the site in the Debut theme. Note that this only works well if the height of the entire page remains constant, which looks like it may work in your case.
```
#footer {
overflow: visible;
}
#networking {
position: absolute;
top: -1344px;
right: 0;
}
```
arvindrajayadav · Member · Feb 3, 2012 at 7:24 pm
Copy link
The CSS is successful in moving the images to the top, but the buttons themselves aren’t clickable anymore. Strange.
designsimply · Member · Feb 3, 2012 at 7:25 pm
Copy link
Ohhh, I didn’t check that! Also, what browser are you using please?
arvindrajayadav · Member · Feb 3, 2012 at 7:27 pm
Copy link
Firefox 10.
designsimply · Member · Feb 3, 2012 at 7:27 pm
Copy link
Maybe that doesn’t matter. Try this. I added a z-index:
```
#footer {
overflow: visible;
}
#networking {
position: absolute;
top: -1344px;
right: 0;
z-index: 999;
}
```
arvindrajayadav · Member · Feb 3, 2012 at 7:32 pm
Copy link
It works. Thanks a lot for the help!
designsimply · Member · Feb 3, 2012 at 7:32 pm
Copy link
Cheers :)
arvindrajayadav · Member · Feb 3, 2012 at 7:48 pm
Copy link
Added note: I guess the top value needs to be different for each page, because the social icons sometimes appear in the body of the text in other pages.

I’ve posted in the theme’s forum, I hope there’s a more permanent solution there. Many thanks for the help again :)
designsimply · Member · Feb 3, 2012 at 7:49 pm
Copy link
Cool. Looking forward to see what comes of the other post!

No items found.