Search Results for 'block'

Results from the Forum
TheMediumUTM
tagDiv Member

You’re welcome! Where you put it depends where you want it in the post. You could have it between header and content, after content, after footer, after comments… etc.

If you open up loop-single.php or loop-single-1.php you will easily see the blocks where the header, content, and footer parts are prepared and echoed. For loop-single-2 through loop-single-5 it’s a little more complicated because the header block is located in single_template_2.php through single_template_5.php instead.

Just throw this code between a <?php tag and a ?> tag into one of those handily titled blocks.

And if you’re not using one already, don’t forget that these files should be modified in a child theme so they will survive theme updates.

The tab ID is okay as it is. As far as I can tell, it just needs to be unique and have no spaces.

P.S. If you know some CSS you could also add classes to your $to_echo string around your content and style that in the Custom CSS section of the theme panel. Wrapping the tabs is probably going to mess with them a little, but the content inside the tabs can be styled freely.

ptiper21
tagDiv Member

ecofane it is really a nice site, but very complicated for readers too!

Pjump
tagDiv Member

I was inserting the category slug, not the name.
Thanks Lucian.

Ecofame
tagDiv Member

Hi,

Here is my sites url: http://www.ecofame.com

ONE MORE THING
There is a website that have a good design that I think newspapersthemeS design would look like.
They are using a “bufe table style” metod. They put out the content in a very smart way.

here is the site: http://www.aftonbladet.se

We may hope that one of the example pages of the theme would look like this site so we could choose for our sites.
Thanks.

Steven
tagDiv Member

I just want to clear things up here with my post,i ask @Lucian to check my css code that remove space between the blocks to make them come more closer.

CSS code to bring the blocks closer to remove my white space in the middle of the blocks.

.td_block1, .td_block2, .td_block3, .td_block4, .td_block5, .td_block6, .td_block7, .td_block8 {
padding-bottom: 0px !important;}

CSS code to remove the white space between the rows to make it look much better on the homepage…

.home .td-grid-wrap .wpb_row {
margin-bottom: 0px;
}

I’m not sure the 2nd CSS code will work for any one else because it was made for my site,but every one should wait to monday when the staff is back to help you like how they help me to fix my white space issues…

Steven
tagDiv Member

@Ecofame may be you should post ur site URL so he can make a code for you too use..because the css code i’m using was made for my site and i think this is the reason why it’s not working for other members…


@Lucian
reply to some one….

I have made that code for @Steven‘s site, send me your sites’s URL if this dose not work for you, I will provide the right css code.

Ecofame
tagDiv Member

Hi Lucian,

I have the same problem (white spaces) as these mebers have or hade before.
I tried to paste these codes you wrote here but did not work.

I realy need help to get rid of these white spaces. White spaces are making the site look empty.

Thanks

Steven
tagDiv Member

My white space was fix with the CSS codes that @Lucian give me to use…

Shashank Shekhar
tagDiv Member

Restoring last backup!

SaijoGeorge
Participant
#0

At the moment we can add posts to the various blocks, is it possible to add pages to it instead ?

ptiper21
Participant
#0

Hi. I know that you have a lot of posts about this, and i have read all of them, but i didn’t found any answer yet!

I use for homepage : Homepage – with article list . I had made also a comment in themeforest and the answer from staff was this:

Only one template comes with h1 page title – http://screencast.com/t/lrtO3f9ny

The page title (H1) or subtitle (H2) can be added manually using visual composer – http://screencast.com/t/fgekI1Gbhttp://screencast.com/t/Uj6edkvf

Or by modifying the template files – http://screencast.com/t/2fcHKsQyVJ34

The other elements on page like block/modules titles use h3 and h4 tags. When we built the templates we followed the best practices used by Yoast and other SEO specialists.

If you hide the title on page using css display: none or moving it outside of the visible screen area (ex. position: absolute; top: 9999px; ) Google will penalize you. Here are some discussions on the subject – http://stackoverflow.com/questions/3239202/whats-the-correct-way-to-hide-the-h1-tag-and-not-be-banned-from-google

But it is not good for style to have a text as h1 visible! Any other suggestion? If i set logo with h1, also in posts i am going to have 2 h1 tags, and this is not right.

My website is this: http://www.radarnews.gr/

TheMediumUTM
tagDiv Member

I’m not a PHP expert, but I did just do some tabs with ACF and VC, so here goes. It will look like this:


// 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 = the_field('my_custom_field_1');
$data_2 = the_field('my_custom_field_2');

// 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;
Shashank Shekhar
tagDiv Member

For me too the white space appeared but when I used the css (i tried both with and without !important) I get this.

my site: http://www.styzic.com

gnoe
tagDiv Member

Thanks Lucian, it’s fixed now.
I used the one with !important

Lucian
tagDiv Staff

Hi,

Use this for the navigation:

.home .span12 .td_block2 {
padding-top: 5px;
margin-top: 5px;
}

Thanks

Lucian
tagDiv Staff

Hi,

Use the css like this:

.td_mod8 {
border-bottom: 1px solid #7d7d7d;
padding-bottom: 30px;
}

Should do it like this: http://screencast.com/t/vHy2rs0tp

Thanks

paulberrow
tagDiv Member

Yeah, it works, but navigation is on the picture on the right now…

Lucian
tagDiv Staff

Hi,


@gnoe

Please use it like this:

.td-grid-wrap .wpb_row {
margin-bottom: 0px;
}

Also add !important after the margin property like this, margin-bottom: 0px !important; if it dose not work.
I have made that code for @Steven’s site, send me your sites’s URL if this dose not work for you, I will provide the right css code.

Thanks

Lucian
tagDiv Staff

Hi,

Use this custom css in theme panel > custom css:

.home .td_block_wrap .block-title a {
display: none;
}

.home .span12 .td_block2 .block-title {
border-bottom: 0px solid #fff!important;
}

.home .td-grid-wrap {
padding: 0px 13px 0px 13px;
}

Should work like this: http://screencast.com/t/oKSjs14f

Thanks

Lucian
tagDiv Staff

Hi,

Please send me a link to your site and point me on what white spaces you need to remove and I will provide you a fix, you could also try this it may help: https://forum.tagdiv.com/topic/remove-white-space-between-blocks/#post-20049
Use the css without the .home class, like this:

.td-grid-wrap .wpb_row {
margin-bottom: 0px;
}

Please let me know if it works for you.

Thanks

ntoulios88
Participant
#0

Hi

on my homepage http://www.alexiptoto.com/ i use the block 9 for the latest post.
I try to add a horizontal line to separate the posts between them with this code on custom css:

.td_mod8 {
border-bottom: 1px solid #7d7d7d;

The problem is that it looks like this
http://www.alexiptoto.com/wp-content/uploads/2014/09/o-512×483.jpg

and I would like it to look like this

http://www.alexiptoto.com/wp-content/uploads/2014/09/o1-512×483.jpg

Please help me! I know it is easy but I cant solve it right now…

Lucian
tagDiv Staff

Hi,

Glad you dida nd sorry for the delay.
You can do it via css, use this in theme panel > custom css:

Use this for homepage, just change the height value as you like:

.home .td_block_slide .iosSlider-col-1, .home .iosSlider-col-1 .item, .home .td_block_slide .iosSlider-col-1, .iosSlider-col-1 .item .thumb-wrap .entry-thumb {
height: 300px !important;
}

Use this for the other pages:

.td_block_slide .iosSlider-col-1, .iosSlider-col-1 .item, .td_block_slide .iosSlider-col-1, .iosSlider-col-1 .item .thumb-wrap .entry-thumb {
height: 300px !important;
}

Thanks

  • This reply was modified 11 years by Lucian.
gnoe
tagDiv Member

Hi, one question.
Where do I put the css code to take out the white space on homepage from blocks?

Is it YOUR CUSTOM CSS beacuse I tried there but didn’t see any change.

paulberrow
tagDiv Member

Hi!
Thank you, partly it helped. I managed to get rid of the title using the code you gave me, but it’s still a little blue area and this link in it .
http://webfile.ru/24ec60e99d83ed7224cf86ad32140b60

Lucian
tagDiv Staff

Hi,

I’m not sure what have you done to show the title like that but it’s not normal, the blue block title it’s the normal one and you can option for it to show or not by editing the block lie this: http://screencast.com/t/QkeO9OLzf
Please send me link to your site so I can inspect this if this dose not help.

Thanks

Viewing 25 results - 38,201 through 38,225 (of 39,816 total)