By charlie charles on

Hi
I'm trying to make my
post title align to the right
of the teaser image using the granada theme

http://drupal7themegallery.com/content/themes/granada

But my post title is still above the image.

How would you fix this please?

Many Thanks and Best Regards
Charles

⋅ Categories: Drupal 7.x

Comments

christopher james francis rodgers’s picture

christopher james francis rodgers commented

I do not know if this will work,
but it is what I would try first:

This assumes you know how to add the following text
to the relevant CSS file.

a.logo img {
 float: right;
}

You might also have to specify the 'a' to display as a block.

a.logo {
 display: block;
}

.
.
Hope that helps.
If not, comment further.
: o )


All the best; intended.
-Chris (great-grandpa.com)
___
"The number one stated objective for Drupal is improving usability." ~Dries Buytaert *

ergunk’s picture

ergunk commented

You should set style for your image in teaser similar to this:

.teaserimage {
  float: left;
  margin-right: 10px;
  ...
}

It may require additional settings and changes because of order of the content, wrapping elements etc. So if this doesn't work, please -if possible- share the link of actual site; then we can help precisely.


Mediasaur | http://www.mediasaur.com/en | http://twitter.com/mediasaur

Before asking for help, please read this http://slash7.com/2006/12/22/vampires/ and don't be a "Help Vampire". :)
charlie charles’s picture

charlie charles commented

Thank you for your great help

I found the answer from this video

http://www.youtube.com/watch?v=sxZQqgvJk3s

I had to change the "node.tpl.php"

Many Thanks and Best Regards
Charles

usaginyunyu’s picture

usaginyunyu commented

Hi Charles.

Would you mind explaining how did you change the node.tpl.php to show the title aligned with the image?

I´ve been trying to do the same with full content articles modifying the title field creating a field--title.tpl.php and adding some css to the style.css with no results :(

Thanks