Search Results for 'header'

I agree that the order is a little bizarre. I rearranged my templates too. 🙂

You’ve got the right idea but templates 2 through 5 have a different breaking of where the header appears — namely in single_template_2.php, _3.php, etc.

Take these lines from loop-single-2.php:

if (!empty($td_mod_single->td_post_theme_settings['td_subtitle'])) { ?>
        <p class="td-sub-title"><?php echo $td_mod_single->td_post_theme_settings['td_subtitle'];?></p><?php
    }

Find these lines in single_template_2.php:

<div class="meta-info">
                    <?php echo $td_mod_single->get_category();?>

And add this after the category line:

if (!empty($td_mod_single->td_post_theme_settings['td_subtitle'])) {
        echo '<p class="td-sub-title">' . $td_mod_single->td_post_theme_settings['td_subtitle'] . '</p>';
    }

Same as what was removed from loop-single-2.php but slightly modified to match single_template_2.php’s style in case it matters.

Haven’t tested (I have some other subtitle stuff going on in my implementation), so check back if something doesn’t work.

Hi Lucian,

I will wait for next update, not a big problem for us now.

Thanks for your help!

Yes, just checked your file and the problem is in the context — you forgot to wrap the new code in a <?php> tag. Hence it’s being treated as HTML. Your whole file should look like this:

<?php
/**
 * The single post loop for post template 1
 **/

if (have_posts()) {
    the_post();

    $td_mod_single = new td_module_1($post);

    //show the breadcrumb
    if (get_post_type($post) == 'post') {
        echo td_page_generator::get_single_breadcrumbs($td_mod_single->title);
    } else {
        echo td_page_generator::get_page_breadcrumbs($td_mod_single->title);
    }
    ?>

    <article id="post-<?php echo $td_mod_single->post->ID;?>" class="<?php echo join(' ', get_post_class());?>" <?php echo $td_mod_single->get_item_scope();?>>

        <header>

            <?php echo $td_mod_single->get_title();?>

            <div class="meta-info">
                <?php echo $td_mod_single->get_category();?>
                <?php //echo $td_mod_single->get_author();?>
                <?php echo $td_mod_single->get_date(false);?>
                <?php echo $td_mod_single->get_commentsAndViews();?>
            </div>
        </header>

        <?php if (!empty($td_mod_single->td_post_theme_settings['td_subtitle'])) { ?>
            <p class="td-sub-title"><?php echo $td_mod_single->td_post_theme_settings['td_subtitle'];?></p>
        <?php } ?>

        <?php
        // override the default featured image by the templates (single.php and home.php/index.php - blog loop)
        if (!empty(td_global::$load_featured_img_from_template)) {
            echo $td_mod_single->get_image(td_global::$load_featured_img_from_template);
        } else {
            echo $td_mod_single->get_image('art-big-1col');
        }
        ?>

        <div class="td-post-text-content">
            <?php echo $td_mod_single->get_content();?>

<?php
// Set up your row, column, and tabs element
$to_echo = '[vc_row][vc_column width="1/1"][vc_tabs]';

// Simplest possible example of getting ACF data, sub in yours
$data_1 = get_field('2g_network');
$data_2 = get_field('3g_network');

// Repeat these lines for each tab, making sure each tab has a unique id
$to_echo .= '[vc_tab title="The first tab" tab_id="tab_1"]';
$to_echo .= $data_1;
$to_echo .= '[/vc_tab]';

$to_echo .= '[vc_tab title="The second tab" tab_id="tab_2"]';
$to_echo .= $data_2;
$to_echo .= '[/vc_tab]';

// (You could wrap each block in an if to skip a tab if the data is empty)

// When you have all your tabs, close the elements
$to_echo .= '[/vc_tabs][/vc_column][/vc_row]';

// We have to filter the whole string to make WP interpret the shortcodes
$to_echo = wpb_js_remove_wpautop($to_echo);

// Do whatever
echo $to_echo;
?>

        </div>

        <div class="clearfix"></div>

        <footer>
            <?php echo $td_mod_single->get_post_pagination();?>
            <?php echo $td_mod_single->get_review();?>
            <?php echo $td_mod_single->get_source_and_via();?>
            <?php echo $td_mod_single->get_social_sharing();?>
            <?php echo $td_mod_single->get_social_like_tweet();?>
            <?php echo $td_mod_single->get_next_prev_posts();?>
            <?php echo $td_mod_single->get_author_box();?>

            <?php echo $td_mod_single->get_item_scope_meta();?>
        </footer>

    </article> <!-- /.post -->

    <?php echo $td_mod_single->related_posts();?>

<?php
} else {
    //no posts
    echo td_page_generator::no_posts();
}?>

Yes, the issue is there. I added this css as for some reason div class/id added to ad code in Header Ad box don’t work. Also the css given by you didn’t work.

So I ended up changing this:

.header-content-rec {
height: 122px;
}

It did work, but I am not sure if that’s a good idea or if its breaking something else shomewhere.

Tahnks Lucian,

Tried but as you can see the ad is getting trimmed/cropped. The same issue that happens when ad goes in header area next to logo. How can I fix this as cropping Ads is not a good idea. Check the screenshot below:

https://drive.google.com/open?id=0B-ALfi5glBeCSzhnMUIzYmNZY0U&authuser=0

Hi TheMediumUTM;

Thank you again.
Now it looks good and I like it. As you can see there is little problem that is margin from the left and the space between the header and block slide.
When I checked how the site apears on mobile the margin left problem seem clear.

This is what i did. I put all the css codes together, changed px values, copied all of them and pasted in theme panels costom css area.

.span1, .span3, .span4, .span6, .span8, .span9, .span11, .span12 { margin-left: 20px !important; }
.block-title { margin-bottom: 10px; padding-bottom: 10px; }
.td_mod_wrap .meta-info {display: none !important;}
.td_block_wrap { margin-bottom: 0px; padding-bottom: 10px; }
.td_mod_wrap { margin-bottom: 10px; }
.td_mod1, .td_mod2, .td_mod3, .td_mod4, .td_mod5, .td_mod6, .td_mod7, .td_mod8, .td_mod9 { margin-bottom:
10px!important; }
.td_mod_wrap .thumb-wrap { margin-bottom: 10px; }
.wpb_row { margin-bottom: 10px; }
.td_mod3 { min-height: 65px; }

Regards
Ecofame

th = table header
tr = table row
td = table cell

You may want to do a search online for how CSS3 tables work.

Example:

table, th, td {
    border: 1px solid black;
 } 

Not sure, but the theme might support Bootstrap 3 common table styles like so:

class="table table-bordered"

ref: http://getbootstrap.com/css/#tables

Hope that helped 🙂

• This reply was modified 11 years by simchris.

It’s a little bit of custom work, so if you aren’t comfortable coding you’ll have to find someone. I did this recently and my own steps were:

1. Replaced searchform.php with my own (so widgets would be replaced with mine too; not necessary, you could just use the theme default)

2. Edited the div for the search out of the menu in menu-header.php and menu-header-center.php (one or the other, I forget which), and instead had a div that uses the WP function get_search_form()

3. Styled my new div using CSS to sit at the right of the menu, use my own icon, etc.

Result: http://www.screencast.com/t/UawDauvLXV

Hi Lucian,

actually on my phone (S4/Android), main page is showing like this:
http://www.screencast.com/t/XioAI6hgpa

When i click on home menu i get Search
and there’s no global menu showing.

Thanks for your help

It seems i found the solution for issue with header.
I added this code, is i tthe right way?
.header-logo-wrap {
margin-bottom: 90px;
margin-top: 10px;
}

And one more issue with header.
I added background image, the height 200px using this
.td-boxed-layout .td-logo-rec-wrap {
background-image: url(http://balkonsami.ru/wp-content/uploads/2014/09/dreamstime_37396329-2.jpg);
}
Then i’m trying to add a logo, but if my logo is 300x100px as you recomend, the big lower part of my background is invisible. When i increased the height of my logo till 165px the background started to look better. So are they related to each other? Or i do something wrong?

Sorry, not sure if i got it..
I’ve made a new page using admin panel (just added a new page from it). It’s not the main page, just one of some others, in particular it’s a sitemap page.
I don’t find there any class like for sidebar on post page

sidebar code here is
<div class=”span4 column_container” itemtype=”http://schema.org/WPSideBar&#8221; itemscope=”itemscope” role=”complementary”>
<aside class=”widget widget_categories”>
<div class=”block-title”>
<span>Рубрики</span>
</div>

</aside>

Btw, what is about sidebar on the pages? Does it need a special class too? And in which file should i add it?