1
HopeL
Responsive Theme Blocks
  • 2015/1/26 22:16

  • HopeL

  • Just popping in

  • Posts: 29

  • Since: 2009/8/21


I'm finding that the top center blocks in the Serenity Orange and xBootstrap 1.03 themes only display at the bottom. For example, if I want a block to display above a module in the top center, it won't. It displays at the bottom. How can I get it to display at the top center like in the default theme?

Thanks,
Hope

2
Bleekk
Re: Responsive Theme Blocks
  • 2015/1/27 13:13

  • Bleekk

  • Theme Designer

  • Posts: 941

  • Since: 2002/12/14


are you talking about the xBootstrap theme?

3
HopeL
Re: Responsive Theme Blocks
  • 2015/1/27 17:59

  • HopeL

  • Just popping in

  • Posts: 29

  • Since: 2009/8/21


Yes, xBootstrap and Serenity Orange
Edited to add -
I just checked and the block displays at the top when I'm not at a module page. But if I'm at the Forum index page (Newbb), the block displays at the bottom. Not what I wanted. I want it to display before the index page info begins. Sometimes I need a block at the top of the page above the module index page.

Thanks,
Hope

4
Bleekk
Re: Responsive Theme Blocks
  • 2015/1/27 19:02

  • Bleekk

  • Theme Designer

  • Posts: 941

  • Since: 2002/12/14


try to display the block in the left column when you are on forums.
left column is always displaying before the content.

5
HopeL
Re: Responsive Theme Blocks
  • 2015/1/27 19:18

  • HopeL

  • Just popping in

  • Posts: 29

  • Since: 2009/8/21


I guess there is no top center block in xBootstrap? I see this in the code:
<{includeq file="$theme_name/tpl/leftBlock.html"}> <{includeq file="$theme_name/tpl/content-zone.html"}> <{includeq file="$theme_name/tpl/rightBlock.html"}>     <{if $xoBlocks.page_bottomcenter || $xoBlocks.page_bottomright || $xoBlocks.page_bottomleft}> <{includeq file="$theme_name/tpl/leftBottom.html"}> <{includeq file="$theme_name/tpl/centerBottom.html"}> <{includeq file="$theme_name/tpl/rightBottom.html"}>


But the top center block appears to be missing. There is a centerBlock.html in the tpl folder but when I try to add the centerblock before content-zone.html it doesn't display properly.

Sometimes I am required to have a center block display at the top but I guess it's not possible in this theme? Only right or left or bottom, correct?

6
Bleekk
Re: Responsive Theme Blocks
  • 2015/1/28 9:48

  • Bleekk

  • Theme Designer

  • Posts: 941

  • Since: 2002/12/14


as you can see here in the demo there are top blocks
http://themes.angelorocha.com.br/

7
HopeL
Re: Responsive Theme Blocks
  • 2015/1/28 11:15

  • HopeL

  • Just popping in

  • Posts: 29

  • Since: 2009/8/21


Yes but can you put a center block above the forum module? I just checked and the block displays at the top when I'm not at a module page. When on a module page, it displays at the bottom.

8
Bleekk
Re: Responsive Theme Blocks
  • 2015/1/28 11:36

  • Bleekk

  • Theme Designer

  • Posts: 941

  • Since: 2002/12/14


I just checked the code on github and you are right.
The top blocks are always displaying below the content

content-zone.html
<{if $xoBlocks.canvas_left && $xoBlocks.canvas_right}>
    <
div class="col-sm-6 col-md-6">
        <{elseif 
$xoBlocks.canvas_left}>
            <
div class="col-sm-9 col-md-9">
                <{elseif 
$xoBlocks.canvas_right}>
                    <
div class="col-sm-9 col-md-9">
                        <{else}>
                            <
div class="col-sm-12 col-md-12">
<{/if}>
    <{
includeq file="$theme_name/tpl/contents.html"}>
    
    <
div class="row">
        <{
includeq file="$theme_name/tpl/centerBlock.html"}>
        <{
includeq file="$theme_name/tpl/centerLeft.html"}>
        <{
includeq file="$theme_name/tpl/centerRight.html"}>
    div>
div>


try to put the blocks above the content like this
<{if $xoBlocks.canvas_left && $xoBlocks.canvas_right}>
    <
div class="col-sm-6 col-md-6">
        <{elseif 
$xoBlocks.canvas_left}>
            <
div class="col-sm-9 col-md-9">
                <{elseif 
$xoBlocks.canvas_right}>
                    <
div class="col-sm-9 col-md-9">
                        <{else}>
                            <
div class="col-sm-12 col-md-12">
<{/if}>
    <
div class="row">
        <{
includeq file="$theme_name/tpl/centerBlock.html"}>
        <{
includeq file="$theme_name/tpl/centerLeft.html"}>
        <{
includeq file="$theme_name/tpl/centerRight.html"}>
    div>

    <{
includeq file="$theme_name/tpl/contents.html"}>
div>

9
HopeL
Re: Responsive Theme Blocks
  • 2015/1/28 11:48

  • HopeL

  • Just popping in

  • Posts: 29

  • Since: 2009/8/21


Thank you! It's working perfectly so far!

Login

Who's Online

349 user(s) are online (276 user(s) are browsing Support Forums)


Members: 0


Guests: 349


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits