Jump to content
Sign in to follow this  
patriknordkvist

Resize Social Connection Buttons At Header

Recommended Posts

patriknordkvist    0
patriknordkvist

Is there anyway to resize the buttons ie Facebook att the header?

Would also like to take away the shadoweffect

Share this post


Link to post
Share on other sites
catrina    103
catrina

You can resize with custom css: http://www.pagelines.com/wiki/Custom_CSS. You can use the width property: http://www.w3schools.com/cssref/pr_dim_width.asp

 

As for the shadow effect, do you mean the hover effect?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
patriknordkvist    0
patriknordkvist

Yes I mean the hover effect (could find the rigth word)

Share this post


Link to post
Share on other sites
patriknordkvist    0
patriknordkvist

The link you adde is missing.

 

I got the code but not what

p.ex
{height:100px;
width:100px;}

 

But dont kno what to start with so they change

Share this post


Link to post
Share on other sites
James B    436
James B

Hi, sorry the link Cat added got the full stop placed on the end in error. www.pagelines.com/wiki/Custom_CSS

 

You mention you have the code, if you have it already you can paste it into Pagelines>site options>custom css


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
patriknordkvist    0
patriknordkvist

I got the code but dont know what the element/start of the cod should be to control the Social buttons in the header?

Share this post


Link to post
Share on other sites
Rob    547
Rob

Using Firebug you'll see many elements that affect the icons. Among them  .section-branding .icons and others.  The images are fixed sizes (they're images, not CSS elements) and thus they are not sized in CSS.  As a result, resizing them upward would pixelate them and shrinking them would cause them to disfigure.

 

If you prefer different size images,  I'd suggest you use a hook implementing your own images (of desired size).   There are many ways to do this, including using sprites  http://www.w3schools.com/css/css_image_sprites.asp

 

A hook would be added to your site in the PageLines Customize plugin's functions.php or in a child theme's functions.php.

 

If you're unfamiliar with hooks, I'd suggest getting our new Hooker plugin, that helps facilitate them.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×