The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Header Images in Widgets?

View previous topic View next topic Go down

Solved Header Images in Widgets?

Post by Tattastic on April 9th 2015, 11:41 am

Hello,

I am trying to set an image like thisin Preset Widgets within my forums - www.clan-arc.com

I want this to show at the top of the preset Login widget (under Existing Widgets on Modules> Portal/Forum Widgets).

I found post back in 2013 but that only worked on Personal widgets, and not the preset Existing Widgets.

Is this possible? Thanks for any help in advance Very Happy

Tattastic

Tattastic
Forumember

Male Posts : 104
Reputation : 1
Language : English
Location : Middlesbrough, UK

http://www.clan-aom.com

Back to top Go down

Solved Re: Header Images in Widgets?

Post by Tattastic on April 9th 2015, 3:30 pm

Bit more information...

If you look below you will see a screenshot of the Existing Widget above my personal one...



The code I have entered is...

Code:
$(document).ready(function(){$('#right .module .h3:contains("LOG IN")').css('font-size','0px').css('border','none').prepend('<img src="http://i19.servimg.com/u/f19/14/16/71/66/topwid11.jpg" />');});

$(document).ready(function(){$('#right .module .h3:contains("COMPTEST")').css('font-size','0px').css('border','none').prepend('<img src="http://i19.servimg.com/u/f19/14/16/71/66/topwid11.jpg" />');});

You will see its the same code (and image URL - Only made the one to test)... I have tried the 'LOG IN' as joined up, with %20 in between them also, and none have worked.

I've also tried in lower case, taking how they are named in the source coding.

This is done via the Javascript option in Modules.

If this is not possible with coding is there anyway to place Existing modules within modules you are creating, as it only other way I could think how to get around it.

Tattastic
Forumember

Male Posts : 104
Reputation : 1
Language : English
Location : Middlesbrough, UK

http://www.clan-aom.com

Back to top Go down

Solved Re: Header Images in Widgets?

Post by Ange Tuteur on April 9th 2015, 10:53 pm

Change "LOG IN" to "Log in". If you copy the text directly you'll notice that it's not all in capitals. That's because the titles are making use of CSS text-transform.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Header Images in Widgets?

Post by Tattastic on April 9th 2015, 11:49 pm

@Ange Tuteur wrote:Change "LOG IN" to "Log in". If you copy the text directly you'll notice that it's not all in capitals. That's because the titles are making use of CSS text-transform.
I have tried it in lower case also with the same result Crying or Very sad

Tattastic
Forumember

Male Posts : 104
Reputation : 1
Language : English
Location : Middlesbrough, UK

http://www.clan-aom.com

Back to top Go down

Solved Re: Header Images in Widgets?

Post by Ange Tuteur on April 10th 2015, 12:02 am

The text must be typed exactly as it's displayed in the widget. Add this to your stylesheet so you can see how it's typed :
Display > Colors > CSS
Code:
.h3 { text-transform:none }

then the javascript should look like this :
Code:
$(function(){
  $('.module .h3:contains(Log in)').css({ 'font-size' : '0', 'border' : 'none' }).prepend('<img src="http://i19.servimg.com/u/f19/14/16/71/66/topwid11.jpg" />');
});

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Header Images in Widgets?

Post by Tattastic on April 10th 2015, 12:48 am

Still no luck putting both them codes in the places needed :/

Tattastic
Forumember

Male Posts : 104
Reputation : 1
Language : English
Location : Middlesbrough, UK

http://www.clan-aom.com

Back to top Go down

Solved Re: Header Images in Widgets?

Post by Ange Tuteur on April 10th 2015, 12:52 am

Do you have the widget on your forum ? I'm not seeing it, so there's really no way for me to tell if it's working. blackeye

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Header Images in Widgets?

Post by Tattastic on April 10th 2015, 1:15 am

Oh sorry my bad... I was rebuilding the portal page and had that as currently offline. I have made it back active and its showing now its live and not turned off.

Thought it would have shown on the preview.

Thanks a lot for your help groar<--- my happy dance

Tattastic
Forumember

Male Posts : 104
Reputation : 1
Language : English
Location : Middlesbrough, UK

http://www.clan-aom.com

Back to top Go down

Solved Re: Header Images in Widgets?

Post by Tattastic on April 14th 2015, 9:03 am

Sorry just gone in view my posts and noticed I had not marked this solved

Tattastic
Forumember

Male Posts : 104
Reputation : 1
Language : English
Location : Middlesbrough, UK

http://www.clan-aom.com

Back to top Go down

Solved Re: Header Images in Widgets?

Post by Ange Tuteur on April 14th 2015, 11:14 am

No problem ^^

Topic archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum