Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

Vertical alignment of text to images


  #1  
Old Jul 11, 2010, 01:30 AM
Gnopps
 
3 posts · Aug 2009
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?
  #2  
Old Jul 11, 2010, 11:01 AM
juggledad's Avatar
juggledad
 
23,686 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jul 12, 2010, 01:02 AM
Gnopps
 
3 posts · Aug 2009
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.
  #4  
Old Jul 12, 2010, 05:46 AM
juggledad's Avatar
juggledad
 
23,686 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
bottom, image, img, vertical alignment

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Layout problem with images and text mnl Center area post/pages 0 Mar 12, 2010 04:30 PM
Atahualpa 3.4.01 Sidebar text alignment on home / news page Craig Atkinson Sidebars & Widgets 9 Jul 8, 2009 09:38 AM
Can figure where to change pages vertical alignment bonoix Atahualpa 3 Wordpress theme 3 Jun 23, 2009 08:26 AM
Modifying vertical align on images NoirMat Atahualpa 3 Wordpress theme 3 May 4, 2009 10:37 PM
Comments Field ? Adding wysiwyg + Text Alignment TPR Comments, trackbacks & pings 2 Feb 20, 2009 08:26 AM


All times are GMT -6. The time now is 08:17 PM.


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