align avatar on left breaks width and blocking

align avatar on left breaks width and blocking

I'm trying to get the avatar on the left and yet maintain and neat block for greeting and buttons.
I've managed to get the image on the left using span3 in the module class suffix

Code:

.sclogin #scprofile-pic img{
float: left;
}

but i can't get a 10px right padding .
if I change the span from 3 to 4 it does position everything but then provides too much right margin.
its important that this stay responsive.
when not logged in everything is fine with span left to 0 as default.
so, bottom line is, no matter what I try, short of modifying the module code itself, I don't know how to get a nice inline block.
http://alterego-of-pwi.info

Re: align avatar on left breaks width and blocking

Jul-30-13 18:06:12

Troy,
Can you do me a favor and create me an account with an avatar and send me the credentials? Then, I can login and immediately see how it looks and should be able to provide you the CSS that should make things work how you want.

You can Private Message me the credentials by clicking the mail icon under my picture to the left. Please do *not* create admin credentials.

Thanks,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:JFBConnect | SCLogin

JFBConnect v7.0.3 is available now with some great improvements to the best social network integration extension for Joomla. This is the last expected update to the 7.0 release until the 7.1 version, planned for Q4. Read on for all the details of this release and what's coming for JFBConnect later this year. https://www.sourcecoast.com/blog/jfbconnect-v7-0-3-what-s-coming

Between August 3rd and 4th, the Joomla project put out 2 new releases for the 3.6 series and 3 blog posts explaining the changes and how to update. The rapid fire changes may be confusing, especially when reading through the announcement posts that talk about CSRF, PHP versions, security issues with different levels and other details. If you're unsure what to do, read our blog post for a general overview of the updates and a step-by-step guide on how to update. https://www.sourcecoast.com/blog/joomla-3-6-2-fixes-and-updating-explained

Joomla's caching system can be a huge benefit to your site, but can also cause a lot of headaches. The advantages are obvious: an overall better user experience, faster load times, less powerful server requirements and more. Let's talk about some of the pain-points that you should know about when trying to get Joomla's caching setup. https://www.sourcecoast.com/blog/common-joomla-caching-issues

With the launch of v2.0 of the Facebook Graph API over 2 years ago, a new review process was also implemented for all Facebook Applications. The review process is Facebook's way to verify that deeper integration features on your site are abiding by Facebook's Terms of Service. There's a lot to understand about the process and some of it may surprise you. Some JFBConnect features like posting to your Facebook Page usually don't even need to go through the review process. For the features that do need review, what's the process and how do you proceed? Read our blog post to find out. https://www.sourcecoast.com/blog/facebook-app-review-process-step-by-step