Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

Vertical alignment of text to images


  #1  
Old Jul 11, 2010, 12: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, 10:01 AM
juggledad's Avatar
juggledad
 
23,765 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, 12: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, 04:46 AM
juggledad's Avatar
juggledad
 
23,765 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 03:30 PM
Atahualpa 3.4.01 Sidebar text alignment on home / news page Craig Atkinson Sidebars & Widgets 9 Jul 8, 2009 08:38 AM
Can figure where to change pages vertical alignment bonoix Atahualpa 3 Wordpress theme 3 Jun 23, 2009 07:26 AM
Modifying vertical align on images NoirMat Atahualpa 3 Wordpress theme 3 May 4, 2009 09:37 PM
Comments Field ? Adding wysiwyg + Text Alignment TPR Comments, trackbacks & pings 2 Feb 20, 2009 07:26 AM


All times are GMT -6. The time now is 02:45 AM.


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