Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
general-topic
Widget recent topic avatar float left
Avatar
Thibaud
Member
Free Members
sp_UserOfflineSmall Offline
Jan 17, 2014 - 7:44 am

Hello,

I'm trying to set the avatar image on the recent topic widget to "float: left;"

Just right click on any avatar on the widget and set "float:left;", it is much better like that no ?

http://wp-infinity.com/

How can I do that, I can't find the class for thoses widget's avatars.

 

Also, how can I change the defaut avatar ?

Thanks a lot

 

 

 

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Jan 17, 2014 - 9:40 am

The avatar is given a class of 'spAvatar'.

If you are using the actual recent posts widget then you might want to use:

.widget-wrapper .spAvatar

to limit the rule top only the widget use.

andy-signature.png
YELLOW
SWORDFISH
Avatar
Thibaud
Member
Free Members
sp_UserOfflineSmall Offline
Jan 17, 2014 - 10:20 am

I tried to add this :

 

.widget-wrapper .spAvatar {

float: left:

}

 

But it doesn't work, do you know what's wrong ?

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Jan 17, 2014 - 10:22 am

Where did you add it? Don't forget that you will need to add this to your WP theme stylesheet...

andy-signature.png
YELLOW
SWORDFISH
Avatar
Thibaud
Member
Free Members
sp_UserOfflineSmall Offline
Jan 17, 2014 - 10:26 am

Added (but now removed) to my theme custom css field like every other simple press working custom css..

Lets say at the end of my theme's style.css file..

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Jan 17, 2014 - 10:37 am

Perhaps your WP theme doesn't do the widget-wrapper class?

The browser console will tell you what CSS is being applied if you load it up and look at the avatar element. I just loaded the page you linked to but there are no avatars being shown at all so I can't interrogate them...

andy-signature.png
YELLOW
SWORDFISH
Avatar
Thibaud
Member
Free Members
sp_UserOfflineSmall Offline
Jan 17, 2014 - 10:39 am

ok avatars are back if you want to have a look

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Jan 17, 2014 - 10:56 am

Looks like your theme changes the widget classes - if indeed it is the widget you are using and not the template tag version.

either way I would try:

#spRecentPostsTag .spAvatar { }

which should do it. If not again - you can use your browser console to interrogate the CSS being applied. This is the best tool you gave available for this sort of thing and allows you to change CSS on the fly to see the results immediately.

andy-signature.png
YELLOW
SWORDFISH
Avatar
Thibaud
Member
Free Members
sp_UserOfflineSmall Offline
Jan 17, 2014 - 11:02 am

Yes that's the one, working like a charm, thank you

I can't find the option where to change the defaut avatar, I could simply replace the original image but i'm sure theire should be a setting in the dashboard for that isn't it ? 

 

(sorry for multiple questions in topic)

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Jan 17, 2014 - 2:34 pm

No - just replace the default image(s) and make sure they have the same file type and file name.

andy-signature.png
YELLOW
SWORDFISH
Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Mr Papa: 19448
Ike: 2086
Brandon: 864
kvr28: 804
jim: 650
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 619
Members: 17361
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10127
Posts: 79625