Announcement

Collapse
No announcement yet.

Is there an easy way to change the text/image alignment in "What's Going On"?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Mungky
    replied
    Thank you so very much!!

    ETA: Implemented the code, and it looks really great now. You're my hero, nforums.
    Last edited by Mungky; Thu 24 Dec '09, 11:49am.

    Leave a comment:


  • nforums
    replied
    on forumhome.css add

    Code:
     .wgo_subblock img { vertical-align: middle; }
    You may want to double check the template to make sure there isn't already a .wgo_subblock img class there but I dont think there is by default

    Leave a comment:


  • Mungky
    replied
    Thanks, guys. That's exactly what I need to do. I'm a complete CSS idiot; could you please tell me where the code goes in the template? I can find the right general section to put the code, as I can read it well enough to get oriented, but when it comes time to make modifications, I get overwhelmed by all the brackets and quote marks and just have no clue where even the simplest code should go.

    For example, I know the following is the code in FORUMHOME for the Forum Stats section, but where, exactly, does the vertical-align code go.?

    PHP Code:
    {vb:raw template_hook.forumhome_wgo_pos4}
                <
    div id="wgo_stats" class="wgo_subblock">
                    <
    h3><img src="{vb:stylevar imgdir_misc}/forum_stats.png" alt="{vb:rawphrase x_statistics, {vb:raw vboptions.bbtitle}}" />{vb:rawphrase x_statistics, {vb:raw vboptions.bbtitle}}</h3>
                    <
    div>
                        <
    dl>
                            <
    dt>{vb:rawphrase threads}</dt>
                                <
    dd>{vb:raw totalthreads}</dd>
                            <
    dt>{vb:rawphrase posts}</dt>
                                <
    dd>{vb:raw totalposts}</dd>
                            <
    dt>{vb:rawphrase members}</dt>
                                <
    dd>{vb:raw numbermembers}</dd>
                            <
    vb:if condition="$show['activemembers']">
                                                    <
    dt>{vb:rawphrase active_members}</dt>
                                                             <
    dd>{vb:raw activemembers}</dd>
                                                    </
    vb:if>
                        </
    dl>
                        <
    p>{vb:rawphrase welcome_to_our_newest_member_x, {vb:link member, {vb:raw newuserinfo}}, {vb:raw newuserinfo.username}}</p>
                        {
    vb:raw template_hook.forumhome_wgo_stats}
                    </
    div>
                </
    div
    As always, help is very much appreciated!

    Leave a comment:


  • nforums
    replied
    I simply added the vertical-align: middle property to fix this issue on my forums. I think the vB styling developers could have made that default along with a few other places to improve the over all look of things.
    Attached Files

    Leave a comment:


  • Shamil.
    replied
    You will need to edit the FORUMHOME template, of your style. You can have a look at the CSS files, in particular, forumhome.css to manage the WGO.

    Leave a comment:


  • Is there an easy way to change the text/image alignment in "What's Going On"?

    We had some icons designed specifically for our forum, but the revamped 4.0 design makes them clunky in spots.

    In particular, in the "What's Going On" section, the icons used to be larger because the 3.x design put them in a column on the left. But the new design puts tiny icons next to the header text.

    If we shrink our custom icons, they're indecipherable. But using them full size gives us this:



    I'm sure (well, I hope) there's an easy way to add code to the FORUMHOME template to align the header and other text to the top right of the image, but I'm not fluent enough to figure it out. (Or to put a column in; that would work as well.)

    Any help would be appreciated, as always. Thanks!

Related Topics

Collapse

Working...
X