HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Paragraph formatting

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#101193 (In Topic #19854)
wal
Avatar

Fan in action

formatting text to pictures

I wish to format text next to the thumbs pics on the front page of news. The main purpose is to make more room to have more news items on the front page to choose from.
I know it can be done, but stuggling to find out how. Just need a point in the right direction for a little help.

WYSIWYG doesnt seem to do it.
Im guessing BBCode or html can do it....??

Appreciate any tips

Back to the top
 
Posted
Rating:
#101195
Avatar

Community saint

Have a look at this snippet of code I've used on a similar image display in a news block. It looks like you have inserted the pic as an attachment 'thumbnail', so this should be easy enough for you to follow.

When you select the attachment upload, you are given various choices in the drop-down menu. You simply have to choose the right one. The code below will give you a hint or two …

[attachment_safe type="inline" thumb="1" float="left" width="640" height="480" description="320-gigapixel panorama of London"]9[/attachment_safe]

Any help?

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#101214
wal
Avatar

Fan in action

Very helpful
thank you.

I see it.. float="left" does the trick perfectly.
Much better, its getting closer to what Im looking for.

I still wish to tighten it up more and get rid of some empty space at the top of the news item.
If anyone has some simple ideas I would appreciate it.:thumbs:

See attatchment
Back to the top
 
Posted
Rating:
#101217
Avatar

Community saint

I can suggest how to get a small decrease in the gap.

Find in your custom themes global.css the property .meta_details and edit the padding-bottom to something less than it shows at the moment. That will close the displayed gap between the meta details and the start of the paragraph.

However, you appear to want to drastically change the whole of the display (your screencap), and if that is your intent you will need to attack a template, NEWS_PIECE_SUMMARY.tpl in particular, and I'm afraid that is a bit above my pay grade!

If you look closely at the template you will note that it isn't only the display you see on a desktop computer that is affected, but just about every mobile device. If you don't mind your display being 'borked' on mobile devices, go ahead and hack away - carefully!

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#101218
wal
Avatar

Fan in action

Thanks. Ill look into it and keep an open mind.

I have found that keeping my summary shorter (in height as compared to the pic) is giving me the desired effect at the bottom of the news article... without changing any coding. Im liking this.

Now its just the top of the article I wish to trim some space, so the heading does not look like its for the above article.


Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: