Theme Support Forum

Support Forum for Free and Premium Themes. Premium Theme Forums are Private! Please log in first to see the Premium forums

Viewing 18 posts - 1 through 18 (of 18 total)

Title box between "Blocks" and "Posts"

Home › Forums › Misc. › General Forums › Title box between "Blocks" and "Posts"

  • #12573

    alessandrot
    subscriber
    On July 9, 2012 at 2:20 pm

    Hi there,

    Just a quick question:

    How can I add a white, rectangular “box” that looks similar to the white box that says “Contact” (on my website: alessandrotschabold.com) between the Blocks and my Posts?

    Inside that “box” I’d like to write something like: “Digital News Feed:”.

    I’d like to do this to help people understand what my posts are all about.

    Thank you for your help as always!

    #18039

    Towfiq I.
    administrator
    On July 9, 2012 at 2:32 pm

    Go to Appearance> Editor and select “index.php” and add this:

    <div style="background:#fff; border:1px solid #ececec;width:970px; padding:15px;">
    
<p>put your text here............</p>
    
</div>

    add the above code after this line:

    <!--MIDROW END-->

    #18040

    alessandrot
    subscriber
    On July 9, 2012 at 2:39 pm

    Thank you. I just tried that but it messed up the background of my “Blocks” – the shadow disappeared and became all white. Is there a solution to make it work without removing the background color/shadow of the blocks?

    #18041

    Towfiq I.
    administrator
    On July 9, 2012 at 2:42 pm

    can you add the code and let me know. I want to take a look at it..

    #18042

    alessandrot
    subscriber
    On July 9, 2012 at 2:44 pm

    I just added it again: http://www.alessandrotschabold.com/

    #18043

    Towfiq I.
    administrator
    On July 9, 2012 at 2:47 pm

    okay try this:

    <div style="background:#fff; border:1px solid #ececec;width:970px; padding:15px;float:left;">
    
<p>put your text here............</p>
    
</div>

    #18044

    alessandrot
    subscriber
    On July 9, 2012 at 2:50 pm

    One last question: how can I center the text (just like “Contact”)? Thank you!

    #18045

    Towfiq I.
    administrator
    On July 9, 2012 at 2:51 pm

    Try this:

    <div style="background:#fff; border:1px solid #ececec;width:970px; padding:15px;float:left;text-align:center;">
    
<p>put your text here............</p>
    
</div>

    #18046

    alessandrot
    subscriber
    On July 9, 2012 at 2:55 pm

    That worked! Awesome, thank you!

    #18047

    alessandrot
    subscriber
    On November 28, 2012 at 9:30 pm

    Hi,

    How can I increase the font size where it says “put your text here”?

    Thank yoU!

    #18048

    Towfiq I.
    administrator
    On November 28, 2012 at 9:33 pm

    replace this:

    <p>put your text here............</p>

    with:

    <p style="font-size:18px;">put your text here............</p>

    #27046

    Jorge
    On August 14, 2013 at 4:12 pm

    Hi Towfiq,

    In Triton Lite Theme, how can I add a text box between slider and last posts?
    I was trying with this one that I’ve found in this forum (not for Triton)

    <div style=”background:#fff; border:1px solid #ececec;width:970px; padding:15px;float:left;text-align:center;”>
    <p>put your text here…………</p>
    </div>

    It works for left and right floats, but when I change float to center something goes wrong.

    Thanks!

    #27058

    Towfiq I.
    administrator
    On August 14, 2013 at 4:46 pm

    whats your site address Jorge?

    #27064

    Jorge
    On August 14, 2013 at 5:18 pm

    Hi Towfiq,
    The adress is
    http://www.espaciodetango.com
    Thanks!

    #27157

    Towfiq I.
    administrator
    On August 15, 2013 at 4:59 am

    I dont see the block. dd you add the code?

    #27202

    Jorge
    On August 15, 2013 at 9:34 am

    Sorry, now you can see the block, but is too close with the slider.
    How can I put the block in the middle, between the slider and the posts?
    Thanks!
    Used code:

    <!–CONTENT–>

    <div id=”content”>
    <div class=”center”>

    <div style=”background:#fff; border:1px solid #ececec; width:950px; padding:0px; float:left; text-align:center;”>
    <p><h2>Novedades en Espacio de Tango</h2></p>
    </div>

    <?php if( empty($option[‘trt_lay’])) { ?>
    <?php get_template_part(‘layout1’);?>
    <?php }?>
    <?php if($option[‘trt_lay’]== “Layout 1”) { ?>
    <?php get_template_part(‘layout1’);?>
    <?php }?>
    </div>
    </div>

    #27204

    Towfiq I.
    administrator
    On August 15, 2013 at 9:44 am

    replace this:

    <div style="background:#fff; border:1px solid #ececec; width:950px; padding:0px; float:left; text-align:center;">

    with:

    <div style="background:#fff; border:1px solid #ececec; width:950px; padding:0px; float:left; text-align:center;margin-top:50px;">

    #27208

    Jorge
    On August 15, 2013 at 9:52 am

    Done!
    Thank you very much!
    Best regards,
    Jorge