Text Widget in Sidebar - Link image space problems...

[JCBN]

Im trying to get my 4 links to "fit" in my 4 boxes i made.
Having a hard time finding the id/class i need to put margins to... if thats the way to go!

www.townportal.dk

It is probably darn simple, since i kinda did the same with navbar, but copying the code from there, doesnt do anything.

Any help would be appreciated.

[drake]

Having a hard time finding the id/class i need to put margins to...

You looking for something that you never defined.
The best approach is to enclose your links in <div> tags. For those div you can either define separated id's like this <div id="im1"><a http://="...."><img src="...." /></a><div> <div id="im2">..........</div>.... Now, you will have the id's for customizing via Custom Styles.
Or, you can set directly in those div's your desired inline styles: <div id="im1" style="width:30px;float:left;text-align:center;"><a http://="...."><img src="...." /></a><div>.........

Alternative, you can address ALL images with #text-6 a img "class".

[JCBN]

Thanks for the reply.
Should i be doing this in the Text Widget itself?

<div id="im1" style="width:30px;float:left;text-align:center;"><a href="/information-2"><img src="/assets/sb_icon_1.png"></a><div>
<div id="im2" style="width:30px;float:left;text-align:center;"><a href="/information-2"><img src="/assets/sb_icon_2.png"></a><div>
<div id="im3" style="width:30px;float:left;text-align:center;"><a href="/information-2"><img src="/assets/sb_icon_3.png"></a><div>
<div id="im4" style="width:30px;float:left;text-align:center;"><a href="/information-2"><img src="/assets/sb_icon_4.png"></a><div>

Or should i add this in my child theme?
Seems to mess things up pretty bad when adding in Text Widget, but i might be doing it wrong.

[Colin]

put the full path to your images and links starting http://your-domain.com/............ do not use relative paths like you have at the moment.

Then you can style the class to suit to get it looking how you want.

[drake]

In the text widget itself - but I put there some examples of code... you need to adjust definitions to fit, I can't do that in Inspect Element because the div's aren't there yet. I tried to use the width of div for alignment (a centered image will be at some distance from margin but also for next centered image - but the exact value of this width you will need to find yourself). Also, you can adjust margins instead of width...
And, finally you can let just the id's there and adjust alignemt via Custom Styles.

Plus, probably you mess up things because you copy only my first line of code, where I have a typo - the corect closing tag is </div> so your code need to be:

Code: Select all

<div id="im1" style="width:30px;float:left;text-align:center;"><a href="/information-2"><img src="/assets/sb_icon_1.png"></a></div>
<div id="im2" style="width:30px;float:left;text-align:center;"><a href="/information-2"><img src="/assets/sb_icon_2.png"></a></div>
<div id="im3" style="width:30px;float:left;text-align:center;"><a href="/information-2"><img src="/assets/sb_icon_3.png"></a></div>
<div id="im4" style="width:30px;float:left;text-align:center;"><a href="/information-2"><img src="/assets/sb_icon_4.png"></a></div>

(with the same observation - you still need to adjust properties to fit).

[JCBN]

You guys...
This theme...

I am definately gonna buy this fella a cup of coffee, never thought id be able to make a GOOD LOOKING! website ... i started 1-2 months ago trying to learn, its hard, but with themes like this, its ALOT easier for a newbie.

Thanks again, and yes, not seeing the /div was the problem, sorry for missing that newbie-trap!