text widget size in side bar

julian0288 · Member · Apr 11, 2014 at 8:43 am
Copy link

Add topic to favorites
Hi,
I am quite inexperienced in using css and really hope someone can help me! ;)
In my chunk-theme blog (www.godsnotdead.co.uk) I wanted to put an image into the header and link it to an external website (www.godsnotdeadthemovie.com/uk). I read that I have to do a little trick with the transparent text widget that I would put over the image to make it “clickable”. I managed to do all of that, but I can’t seem to get the right size for my text widget! Regardless of the size of the PNG image I link to the text widget it remains extremly small.

Here is the css code that I inserted to position the text widget into the centre of the image banner:
```
#container {
	position: relative;
}

#text-2 {
	position: absolute;
	right: 480px;
	bottom: 1190px;
}
```
And here is the code for my text widget that I inserted into the footer (I had no other option available in the chunk theme):

<img src=”http://enlondon20.files.wordpress.com/2014/04/picture4.png” />

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Apr 11, 2014 at 4:21 pm
Copy link
Hi there, the blank transparent PNG image you create needs to be the same size as the image you want it to overlay. In this case, for the image below the site title, it would need to be 800px wide by 98px tall. Create that image, upload it to your media library and then replace the URL in your text widget with the URL of that new image. For positioning, you can temporarily add a borderline to the text widget such as I have below, which you can then remove once you have it positioned correctly.
```
#text-2 {
position: absolute;
right: 480px;
bottom: 1190px;
border: 2px solid #FFFF00;
}
```
julian0288 · Member · Apr 11, 2014 at 6:31 pm
Copy link
Hi! Thanks so much for the quick response. I’ve tried that at least twenty times, but the picture always shows up in mini-size. No matter how big a picture I create and upload, it never gets bigger than thumbnail-size…any idea?
thesacredpath · Member · Apr 11, 2014 at 6:37 pm
Copy link
Are you uploading at Media > Add New, or from within a draft post or page? If from the latter, try uploading at Media > Add New and it should upload the image at the original full size.
julian0288 · Member · Apr 11, 2014 at 6:48 pm
Copy link
no, I’m already uploading form Media>Add New…
thesacredpath · Member · Apr 11, 2014 at 6:50 pm
Copy link
I just looked in your Media library, and this image is 800 x 98 (3) which you have in your text widget code, so we just need to make some minor adjustments to get it working. Replace your existing #text2 rule with the below.
```
#text-2 {
    bottom: 1211px;
    position: absolute;
    right: 52.5%;
    width: 777px !important;
    height: 78px !important;
    border: 1px solid yellow;
}
```
julian0288 · Member · Apr 11, 2014 at 6:56 pm
Copy link
fantastic! you’re a hero ;)Thank you so much!!
thesacredpath · Member · Apr 11, 2014 at 6:57 pm
Copy link
You are welcome and thanks. :)

No items found.