Theme Twenty Ten / aligmnet problem

oncard · Member · Jan 12, 2012 at 1:10 pm
Copy link

Add topic to favorites
Dear all,

I hope you can help. I like to place a link in the very bottom of the widget row of my blog.
So far I have not managed to place a link via relative (%) positioning. My idea was to just ad the following attribute:

<p style=”text-align:bottom;”>TEXT HERE</p>

Only think which is working is to define the place absolute (px), but this is not what I want.

Thanky a lot for your help!

Best regards.

The blog I need help with is: (visible only to logged in users)
1tess · Moderator Emeritus · Jan 12, 2012 at 1:17 pm
Copy link
We need a link to your blog, starting with http:// so we can take a look.
oncard · Member · Jan 12, 2012 at 3:01 pm
Copy link
Dear 1tess,

thank you for your fast replay! You can find my blog at: http://agrarapps.com/

Like I said, I would like to place an element in the very bottom of the widget column, so at the end of my blog page. I would like to place there a link (text or image).

Would be great if you could tell me which html/css tags I have to use to bring an element to the bottom…

Thanks and best regards!
timethief · Member · Jan 12, 2012 at 5:42 pm
Copy link
If you need help creating links in text widgets then this entry may be useful > http://en.support.wordpress.com/links/text-widget-links/ Also note the entry for alignment > http://en.support.wordpress.com/visual-editor/#alignment
panaghiotisadam · Member · Jan 12, 2012 at 8:51 pm
Copy link
@oncard:

a) The text-align property doesn’t accept bottom: it accepts left, right, center and justify. Bottom is one of the accepted values for vertical-align.
And vertical-align:bottom doesn’t mean place at the bottom, it determines the horizontal alignment of an element in relation to other side-by-side elements.

b) I’m not sure I understand where exactly you want the link. You mean just above the line that separates the footer from the main content?
oncard · Member · Jan 14, 2012 at 4:43 pm
Copy link
Dear panaghiotisadam,

concerning your question (b): Yes, I want to place the link just above the line that separates the footer from the main content.

How can I do that? Thanks for your help!
panaghiotisadam · Member · Jan 14, 2012 at 11:45 pm
Copy link
Add a text widget to the fourth footer widget area, put the link in it, get the ID number of the widget and add this in your CSS editor:
`#footer {
position: relative;
}

#text-ID HERE {
position:absolute;
top:-50px;
}
panaghiotisadam · Member · Jan 14, 2012 at 11:46 pm
Copy link
Sorry – without the backtick you can see above.
```
#footer {
position: relative;
}

#text-ID HERE {
position:absolute;
top:-50px;
}
```
wheneverwhereeverwhatever · Member · Jan 14, 2012 at 11:56 pm
Copy link
Dear Oncard:

I don’t believe what you are trying to accomplish is possible while using a WordPress theme. You could achieve what you are seeking if you created your own homepage using HTML code. Otherwise, you are locked into how the theme handles the placement of widgts, and other elements. Your best bet may be placing a “text” widget in the “secondary widget area” on the sidebar as the last item.

You can visit out my blog and see how I used the “text” widget for my “Hot Topics” area (fyi, i added html codes to highlight the text and add a hyperlink).
panaghiotisadam · Member · Jan 15, 2012 at 7:40 am
Copy link
@wheneveretc: oncard has the Custom Design upgrade. As you can see in my reply above, placing the content of a text widget elsewhere is quite possible if you have the upgrade.
oncard · Member · Jan 22, 2012 at 2:38 pm
Copy link
Dear panaghiotisadam, thank you for your help. It was working!
panaghiotisadam · Member · Jan 22, 2012 at 3:26 pm
Copy link
You’re welcome, but it isn’t really working! What you created is a link to page 2 of your posts, not to older posts in general. If what you want is a more prominent “Older Posts” / “Newer Posts” link, you should modify the existing one. You can ask how in the CSS section of the forum.
oncard · Member · Jan 29, 2012 at 4:32 pm
Copy link
Dear panaghiotisadam, you are right, it is not the ideal solution but it is working ;)
I asked in the CSS forum for the place in the CSS where I can change the style of the “older posts” / “newer posts” links.
oncard · Member · Jan 29, 2012 at 4:33 pm
Copy link
Here is the link to this conversation: https://en.forums.wordpress.com/topic/highlight-older-posts-newer-posts-link?replies=1#post-804569

No items found.