wrap or reposition image / text forumdesc ?

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Ideas Centre
Locked
pabs11
Registered User
Posts: 1
Joined: Thu May 21, 2009 2:52 am

wrap or reposition image / text forumdesc ?

Post by pabs11 » Thu May 21, 2009 3:56 am

hi,

Have spent hours now looking through the FAQs and forums, making changes to stylesheet.css for subsilver2 ( guessing, that is ), but can't get the text to wrap around images in the forum description ( ie the first intro text on the front / index page for a forum ( sorry not up an correct terminology just yet ).

When I add 'float: right;' to p.forumdesc, the 'subforum' list displays to the right, but not the above text, which is under an image.

I notice that prosilver does what I want, and looked at the stylesheet there, but inexperience perhaps means I can't see how it's done there.

I assume this is a fairly simple css change / insertion, but I don't know what it is, sorry.

Can someone please set me straight here ?

much appreciated

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: wrap or reposition image / text forumdesc ?

Post by Arty » Thu May 21, 2009 10:19 am

Move that code few lines above, so it would be before code you want to be on left side.

Something like this:

Code: Select all

code on left side
<p style="float: right;"> code on right side </p>
to this:

Code: Select all

<p style="float: right;"> code on right side</p>
code on left side
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

User avatar
Manhattan
Registered User
Posts: 211
Joined: Fri Nov 28, 2008 7:55 pm

Re: wrap or reposition image / text forumdesc ?

Post by Manhattan » Thu May 21, 2009 10:20 am

Open forumlist_body and find:

Code: Select all

<div style="float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_END}: 5px;">{forumrow.FORUM_IMAGE}</div><div style="float: {S_CONTENT_FLOW_BEGIN};">
Replace with:

Code: Select all

<div style="float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_END}: 5px;">{forumrow.FORUM_IMAGE}</div><div>
Purge your template cache!

Locked

Return to “[3.0.x] Styles Support & Discussion”