Newspaper Margins – Header – Hide cell blocks

Posted in: Newspaper
Post count: 26

Hello, excuse my English, greetings from Argentina. I have to fix the following:

1* As I can shrink the margins (high) on display from the mobile?
http://www.screencast.com/t/G45cMf19m

2* Hide blocks on mobile devices no funciona, como debo utilizar los css?
http://prntscr.com/4yxjqt

3* How to insert a block in place of the logo to customize the header and achieve something like this?
http://www.screencast.com/t/oqodyuT1q
http://www.screencast.com/t/K16Vg9Fa9aLW

Thank you very much …

  • This topic was modified 11 years by alienplot.
Post count: 6600

Hi,

1. Please also provide your site’s URL as I need to inspect your site so I can provide an accurate solution on this.

2. Unfortunately those VC column options don’t work but you can add a custom css class to that row/column you need to hide on mobiles like this: http://screencast.com/t/Y5B0S3wrEcje then use custom css to hide that row on mobiles or the viewport you want like this: http://screencast.com/t/69cIbmxcW
This is the css I’ve used you can set the “ttt” class your self and sue the css below to hide it and place it in theme panel > advanced css on the device you need to hide it.

.ttt {display: none}

3. That unfortunately can’t be done easily as the theme isn’t designed to support blocks in the header. For that section you can chose from the available header style in theme panel: http://screencast.com/t/cyp8hAYjdue or you can customize it as you like by hard-coding your design here: http://screencast.com/t/JqQQmxS6Q

Please note that in approximately two weeks the new version of the newspaper theme will be available with more customization options available for the top menu and more header styles from you can chose so you can decide then if you want to design your own header or use a predefined one.

Thanks

Post count: 26

Thank you very much for responding. This is the URL of the website http://laradiodetotoral.com.ar/portal/

I await your response. thank you very much.

Greetings.

Post count: 6600

Hi,

You can use the css code below, for this result: http://screencast.com/t/HleUJtBAn
Place it in theme panel > advanced css section for phones: http://screencast.com/t/URVYbzEAr

.td_block_wrap.td_revolution_slider {
padding-bottom: 0px;

}

.td_block_wrap.td_block_big_grid {
padding-bottom: 0px;
margin-bottom: 10px;
}

.td_revolution_slider .td_mod_wrap {
margin-bottom: 10px;
}

Thanks

Post count: 26

Ok, bottom banner corrected. The top banner still maintains margins. As correjir this? http://www.screencast.com/t/9cSaW4Ca

Greetings.

Post count: 26

as I can hide blocks in desktop, and display on the phone with CSS?

Post count: 33

hello,

when I apply this code to my site the content of my page disapears: http://frelsitv.com/heim/samsaeriskenningar/

PS: please answer my erlyer post: https://forum.tagdiv.com/topic/problem-i-cant-fix/

Post count: 7909

Hi

I have checked your page and did not found any margin for the top banner, only that 10px from code that Lucian provided to you http://screencast.com/t/HhV2SETp1N
Also you can hide row/columns on desktop using the same method to hide those on mobile. Add an extra class to the row/column and hide it using custom css – http://screencast.com/t/wLkbxnis


@axelpetur
If you want to hide row/column on specific screen you have to paste the code in Advanced Css – http://screencast.com/t/91JqAS3kvFk1

Thanks!

Post count: 26

Thank you very much, I need to shrink the top margin. As I do?

http://www.screencast.com/t/lyc9CNi9

Bye…

Post count: 7909

Hi,

Please try this custom css for that space – http://screencast.com/t/xrUXYJx7Ge1

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

Thanks!

Post count: 26

Excuse me, where should I add the CSS?

Post count: 7909

Hi,

Please add it in Theme Panel > Custom Css: http://screencast.com/t/6xRZzwgo8px9 and try to use !important if this is not applied:

.home .td-page-wrap .td-grid-wrap {
padding-top: 0px !important;
}

Thanks!

Post count: 26

These methods are not working. There is another option?

Post count: 26

Thank you very much, works great
Bye!

Post count: 26

hello, how to display the header
http://www.screencast.com/t/bzCA5VyC
on every page?
http://www.screencast.com/t/e9ZBee1cFZ

thanks.

Post count: 7909

Hi,

If you want to this banner to appear on all pages(post, categories…) you can use do_shortcode function and display it bellow the main menu.
*change to Classic mode and take the shortcode – http://screencast.com/t/yHgk8eeDqtTf
*edit the header file and use use do_shortcode to display your banner depending what header style you use – http://screencast.com/t/YeUw15OUHgVg

echo do_shortcode('your shortcode');

Result: http://screencast.com/t/M49oSLRDGt

Thanks!

Post count: 26

Thanks Alin, not a banner. It is a block for mobile Descktop and I want to be displayed on all pages. I use the same method?

Este es mi sitio:
http://laradiodetotoral.com.ar/portal/

Post count: 7909

Hi,

Yes, edit the page change to Classic mode and take the shortcode like I have suggested above and use do_shortcode function to display it (depending on header style that you use) bellow menu.

Thanks!

Post count: 26

I do not understand that I place in do_shortcode (‘your shortcode’);

Could be more detailed.

Thank you for your patience. Greetings.

Post count: 7909

Hi,

You have to take your shortcode from the page like I showed above – http://screencast.com/t/yHgk8eeDqtTf and use it there. I think that you use Raw Html element there and it should look something like – http://screencast.com/t/whfx8voyM8Cv with this you have to replace your shortcode text.

Thanks!

Post count: 26

hello I can not make it work.
Exactly as I add the code? I use style 8 and this is my editor
http://www.screencast.com/t/xNuqg8TDYk

I want to show the html header http://www.screencast.com/t/bzCA5VyC
in all subpages http://www.screencast.com/t/e9ZBee1cFZ

I need your help. Thank you very much.

Post count: 7909

Hi,

1. Copy this code – http://screencast.com/t/UuundnNlXw
2. Use the code that I have provided to you above do_shortcodehttp://screencast.com/t/VykTEwlbHn7 and replace your shortcode text.

Thanks!

Post count: 26

Thanks, it worked but not what I want

Post count: 7909

Hi,

Unfortunately the only way to display you code in all pages is to alter the theme code like I said above.
You said that want this block to appear on all pages, but I’m not sure what you want as you say that “it worked but not what I want”. Please provide more details.
If you use header style 8 the header ad is not showed, you could paste your shortcode – http://screencast.com/t/UuundnNlXw here – http://screencast.com/t/kXtAzkZteSp but also you have to make this change in header file – http://screencast.com/t/4OLbKiAk

Thanks!

Viewing 24 posts - 1 through 24 (of 24 total)
The forum ‘Newspaper’ is closed to new topics and replies.