Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   Vertical alignment of text to images (http://forum.bytesforall.com/showthread.php?t=8064)

Gnopps Jul 11, 2010 12:30 AM

Vertical alignment of text to images
 
I'm using the default CSS settings in Atahualpa and would like to align the text to be anchored to an image's bottom, not top. Something like this. This should not apply for everything, just some specific images. However, I can not figure out how to accomplish this with Atahualpa.

Anybody with ideas how to solve this?

juggledad Jul 11, 2010 10:01 AM

Just follow the example. Create a post, put in the <img..with the class= and then the CSS goes in the CSS inserts section.
Experiment a little.

Gnopps Jul 12, 2010 12:02 AM

Thank you for your answer. I have the following in CSS insert:

.post img.top {vertical-align:text-top}
.post img.bottom {vertical-align:text-bottom}


and if I do <img class="bottom"> it works just fine.

However if I want the picture to align to right as well it does not work any more:

<img class="bottom alignright">

Do I need to define a separate class for top+right, top+left, bottom+right, etc?

CSS is new to me and I realise this may not be Atahualpa-specific. Still I thought I'd post here so others like me may learn.

juggledad Jul 12, 2010 04:46 AM

Any element can have multiple CSS that applies to it. Normally the last rule takes precedent. Havine multiple classes allows for multiple sets of rules to be applied.

You need to review that rules the two classes apply to see if they are causing your issue


All times are GMT -6. The time now is 02:43 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.