- Posts: 13
COMMUNITY FORUM
Category image to the left of the text
- Lynn Heighton
-
Topic Author
- Offline
- New Member
I'm creating a news section for my site and would like to display the leading story, and then 4 stories underneath in one column with the image aligned to the left of the text.
How can I align the image?
I've included a screenshot so you can see what I mean, or you can see the live development site: www.bishopcollege.co.uk/latest-news.html
Please Log in or Create an account to join the conversation.
- Lynn Heighton
-
Topic Author
- Offline
- New Member
- Posts: 13
Please Log in or Create an account to join the conversation.
- troponin
-
- Offline
- Platinum Member
- Posts: 398
Use this :
In the style.css search the div-Tag called
div.catItemImageBlock
put in :
{float:left;}
... and the text is right of the pic.
greets
Please Log in or Create an account to join the conversation.
- Lynn Heighton
-
Topic Author
- Offline
- New Member
- Posts: 13
One other thing...do you know how I show that date AFTER the item title?
If you have a look at my news section you will see what I'm trying to do
www.bishopcollege.co.uk/latest-news.html
Thanks in advance
Please Log in or Create an account to join the conversation.
- troponin
-
- Offline
- Platinum Member
- Posts: 398
Please Log in or Create an account to join the conversation.
- Athanasios Vamvakas
-
- Offline
- New Member
- Posts: 4
I'm using a rockettheme template and there doesn't seem to have such a div-tag.
Any ideas?
Thanks
Please Log in or Create an account to join the conversation.
- troponin
-
- Offline
- Platinum Member
- Posts: 398
The other Option is to use the Forum Search - in the past I read a Post with RT CSS Stylesheet editing.
Athanasios Vamvakas said:Hello,
I'm using a rockettheme template and there doesn't seem to have such a div-tag.
Any ideas?
Thanks
Please Log in or Create an account to join the conversation.
- Athanasios Vamvakas
-
- Offline
- New Member
- Posts: 4
It is in the extra.css stylesheet.
P.S. For anybody else make sure to clear your browser cache.
Please Log in or Create an account to join the conversation.
- Joseph Bunga
-
- Offline
- New Member
- Posts: 2
Troponin said:Forum Search should had helped.
Use this :
In the style.css search the div-Tag called
div.catItemImageBlock
put in :
{float:left;}
... and the text is right of the pic.
greets
Please Log in or Create an account to join the conversation.
- migors
-
- Offline
- New Member
- Posts: 18
Joseph Bunga said:Thank you for this - it really helped
Troponin said:Forum Search should had helped. Use this :
In the style.css search the div-Tag called
div.catItemImageBlock
put in :
{float:left;}
... and the text is right of the pic.
greets
Please Log in or Create an account to join the conversation.
- migors
-
- Offline
- New Member
- Posts: 18
migors said:Thanks it helped put image to left position, but how and where i can make space between text and picture, i tried to but now result. sorry, i am comlite noob. just starter :(
Joseph Bunga said:Thank you for this - it really helped Troponin said:Forum Search should had helped. Use this :
In the style.css search the div-Tag called
div.catItemImageBlock
put in :
{float:left;}
... and the text is right of the pic.
greets
Please Log in or Create an account to join the conversation.
- Sven Schnabel
-
- Offline
- New Member
- Posts: 8
after changing the template the images of the stories are centered. but the style.css contains "float:left" in the the div.catitemimageblock. does anyone know a solution?
regards, sven
Please Log in or Create an account to join the conversation.
- william white
-
- Offline
- Platinum Member
- Posts: 3722
Please Log in or Create an account to join the conversation.
- Sven Schnabel
-
- Offline
- New Member
- Posts: 8
thanks for your reply. here is the link: www.du-bist-fussball.de/news.html
regards, sven
Please Log in or Create an account to join the conversation.
- william white
-
- Offline
- Platinum Member
- Posts: 3722
See bottom right for float left i added
Please Log in or Create an account to join the conversation.