Widget CSS Customization

vlogazul · Member · Jun 22, 2014 at 8:24 am
Copy link

Add topic to favorites
Hello I am currently using the forever theme and I would like to know if there’s a snippet to put the Follow Vlog Azul button (which is on the footer of the page) on top of the social media icons that are on the top right side of my page. Thanks

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Jun 23, 2014 at 2:06 pm
Copy link
You can move elements around on a page with CSS using absolute positioning.

This is a really good article, and I would recommend reading it for background: http://css-tricks.com/absolute-positioning-inside-relative-positioning/

Based on that article, you should be able to see what’s going on with the following example. The example is made to get you started. It has a large red border around the element that was moved with absolute positioning so you can see it easily. You should start with this and adjust the width of the widget container until it looks good to you, then remove the red border and save the CSS:
```
#page {
	position: relative
}
#follow_button_widget-2 {
	border: 3px dashed red;
	position: absolute;
	top: 40px;
	right: 0;
}
```
Make sure to check out the article about absolute positioning!
vlogazul · Member · Jun 24, 2014 at 7:28 am
Copy link
Thank you very much!

Will there be a snippet to make the social icons (Twitter and facebook) on the right top of the page have the same feature of the wordpress follow button that once you click or put the cursor on the button, a light or like a transparent feature will appear?
cat24angola · Member · Jun 24, 2014 at 8:54 am
Copy link
Bom dia! eu comprei o meu tema personalizado mas tenho dificuldades em personaliza-lo, gostaria muito da vossa ajuda em personalizar o css…
nome do blog http://cat24angola.com/
designsimply · Member · Jun 24, 2014 at 2:43 pm
Copy link
@cat24angola, we offer support in English in this forum. If you’d like to post here to ask for help, please start a new help request at https://en.forums.wordpress.com/forum/css-customization/#postform and include specific details about what you are trying to change.

Or if you’d like to try out the Portuguese forums, which are mainly volunteer-based, you can try posting at http://pt.forums.wordpress.com/
designsimply · Member · Jun 24, 2014 at 2:47 pm
Copy link
Will there be a snippet to make the social icons (Twitter and facebook) on the right top of the page have the same feature of the wordpress follow button that once you click or put the cursor on the button, a light or like a transparent feature will appear?

To learn how to make a CSS change like this, try starting with this article:
http://bavotasan.com/2011/a-simple-fade-with-css3/

If you need help after that, please start a new thread and include the CSS snippet you’ve tried out.

If you need help learning how to find CSS selectors, take a look at this help page: http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

Cheers!

No items found.