Search Results for 'header'

Results from the Forum
Calin
tagDiv Staff

Hi,

Try like this:
.td-post-header .entry-title, .td-post-template-13 .td-post-header .entry-title {
padding-top: 0px;
padding-bottom: 0px;
}
.td-post-header, .td-post-template-13 .td-post-header {
margin-bottom: 0px;
}

Thank you.

ouebflow
tagDiv Member

The code :

.td-post-template-12 .td-post-header .entry-title, .td-post-template-13 .td-post-header .entry-title {
padding-top: 0px;
padding-bottom: 0px;
}
.td-post-template-12 .td-post-header, .td-post-template-13 .td-post-header {
margin-bottom: 0px;
}

doesn’t work

Calin
tagDiv Staff

Hi,

Pleas try this custom css to reduce the space between main menu and featured image

.td-post-template-12 .td-post-header .entry-title, .td-post-template-13 .td-post-header .entry-title {
    padding-top: 0px;
    padding-bottom: 0px;
}
.td-post-template-12 .td-post-header, .td-post-template-13 .td-post-header {
    margin-bottom: 0px;
}

Please replace the above code with this one
.td-header-style-10 .td-logo-wrap-full {
min-height: 90px!important;
line-height: 90px;
}

Thank you.

  • This reply was modified 7 years by Calin.
ouebflow
tagDiv Member

Hi,
Thx for the header space, that work !
for the space between main menu and featured image, you can check this here : http://smartfashionbeauty.com/quel-est-le-meilleur-fer-a-lisser/

Calin
tagDiv Staff

Hi,

You can use this css to reduce the space for logo
.td-header-style-10 .td-logo-wrap-full {
min-height: 90px;
line-height: 90px;
}

Please the css in Newspaper>Theme panel>Custom code>Custom css

Please provide a link were I can inspect the pace between main menu and featured image.

Thank you for your understanding.

Simion C.
tagDiv Staff

The logo should occupy the full height of the header (100%), it is intended. You could use some CSS to make it smaller and add a margin but this CSS can only be entered in the plugin itself. The AMP plugin does not have a custom CSS section at the moment
https://forum.tagdiv.com/topic/how-to-change-this-color-and-text/

Something like this maybe – https://www.screencast.com/t/BFsSVhOX

#td-header-menu .td-main-menu-logo .td-logo .td-amp-site-logo.i-amphtml-element.i-amphtml-layout-fixed.i-amphtml-layout-size-defined.i-amphtml-layout {
max-height: 50px;
margin-top: 5px;
}

Edward
tagDiv Member

Оля, быть такого не может, внимательно смотрите.

wp-content\themes\Newspaper\header.php

NickDeBaerdemaeker
tagDiv Member

I had a few lines of code in the live css editor, so I finally came up with this to make it work.


.td-header-style-1 .td-mega-menu ul { position: absolute; left: 556px !important; }
.td-header-wrap .td-header-style-1 {max-width:1600px}
.td-header-style-1 .td-header-row {max-width:1600px}
.td-header-style-1 .td-header-main-menu {width:100%}
.td-header-style-1 .td-header-sp-recs {float: right;}
.td-header-row {width:100%}
.td-header-style-1 .td-header-row .td-header-sp-logo {margin: 28px 10px 9px 0;}
.td-header-style-1 .td-header-row .td-header-rec-wrap {margin: 0 0 0 180px;}

Calin
tagDiv Staff

Hi,

If you want to insert some JavaScript in header you can use The option from the Newspaper>Theme panel>Analytics/JS Codes
https://www.screencast.com/t/zIhToMcgd
In this way your JavaScript will not be lost if you update the theme.

If you want to past the code in header file the file in wp-content\themes\Newspaper\header.php

Thank you.

bestword1
tagDiv Member

Thanks Simion that’s worked perfectly, just what I needed. Looking forward to seeing the new header builder! 🙂

rbprimula
Participant
#0

does not open the options HEADER AD
can you help me?
thanks

Roberto Barile

ouebflow
Participant
#0

Hi !

I would like to know how to reduce space for these elements :

Height for the header (around the logo space)

And how to to delete or reduce the space between main menu and featured image.

If you need some screenshot, tell me.

Header Style : “Style 10”
Default Post Template : “Style 13”

Simion C.
tagDiv Staff

Hi,


@NickDeBaerdemaeker
So maybe like this – https://www.screencast.com/t/1vFokKD1PaL
I removed the left margin of the logo and added the removed value to the right of it.

.td-header-style-1 .td-header-row .td-header-sp-logo {
margin: 28px 10px 9px 0px;
}

You can modify the value to the right if needed.


@bestword1
Hopefully the new header builder that is being developed will allow greater flexibility for designing a header style.
I can give you a code to position the ad to the right, you can use the other code from above if you want the logo aligned to the menu. This would be the result with both codes
https://www.screencast.com/t/SeQAleFUVNxD

.td-header-style-1 .td-header-sp-recs {
float: right;
}

Thanks

Calin
tagDiv Staff

Hi,

This is happening because there is no more space, and the social start to a new line, what you can do is to increase the width or menu , in order to do that please go in Newspaper>Theme panel>Theme settings Force full width and set to header-menu a width that match with your needs
https://www.screencast.com/t/PFPVZfkRqa

Thank you.

Olya
Participant
#0

Hello! I need to insert the script into the header via the file Manager. But I can’t find him either. tell me where it is

bestword1
tagDiv Member

Would also be great to see how this is done, I’ve just increased the width of the header section to 1200px in the ‘Force Full Width’ theme options but the header ad now floats somewhere in the middle rather than over to the right.

Simion C.
tagDiv Staff

Hi,

So maybe something like this – http://prntscr.com/lqme71

This would be the code for it

.td-header-style-9 .td-banner-bg {
background-color: rgba(249,249,249,0.5);
}

Thanks

Tutsumi
tagDiv Member

Thanks. This worked. I just needed to add a space into the header ad box to enable it once the code was in the header.

NickDeBaerdemaeker
Participant
#0

Hi.

My client has asked to make it possible to place the site logo (enola.be) to the left so it matches with the start af the menu, and to move the advertisement to the far right so it matches with the magnifying class on the far right.

I’ve searched and tried but nothing tends to work, at least not something that works on different screen sizes.

What I have added so far is this in the css theme panel, which already moved the menu to the far left and a width of 1600 px (which now matches nicely with the site contents).

Can you help me please with this one ?


.td-header-style-1 .td-mega-menu ul { position: absolute; left: 556px !important; }
.td-header-wrap .td-header-style-1 {max-width:1600px}
.td-header-style-1 .td-header-row {max-width:1600px}
.td-header-style-1 .td-header-main-menu {width:100%}

The link to the website is here: http://v2.enola.be/

And what we’re looking for in the end is this: http://v2.enola.be/wp-content/uploads/2018/12/request.jpg

Simion C.
tagDiv Staff

Hi,

With some CSS that could be possible. What header style would you like to replicate from the existing ones?
https://demo.tagdiv.com/newspaper/block-header-1/
I will try to give you a solution.

That code seems to align the comments title, it needs an addition for the icon below and it will work then
https://www.screencast.com/t/ljiiDmoC6A
Here it is – https://pastebin.com/p4pKNcyp

If you want the same style for the headings (h2,h3,h4) in the post content, it would be like this for example
https://www.screencast.com/t/gnDdg1gfH

Code here – https://pastebin.com/M0AJBFsW

Thanks

Simion C.
tagDiv Staff

Hi,

Code entered in the theme panel will be saved in the database, so updating the theme will not affect it in any way.

Maybe double check your code and make tests, it should work same as before
https://www.mitchcanter.com/twitch-conditional-plugin/
https://github.com/thatmitchcanter/twitch-conditional

Try to enter the code in the header template directly, where the ad should appear. Multi-purpose header styles are in the composer plugin so you would have to enter the code there
https://www.screencast.com/t/wLznd0aIWpl
These modifications will be lost when the theme/plugin is updated however. That will be the case for the parts/ads file, unless you modify this one in a child theme.

Thanks

Simion C.
tagDiv Staff

Hi,

The font size and line height seems to have a defined value in the theme stylesheet when below a certain width
https://www.screencast.com/t/RPP3lhkkMZAq

So the setting from the theme panel will apply only above that width, while below it it will always be of the specified values. If you do not want this, either remove this condition from the theme stylesheet or use a code to override it
https://www.screencast.com/t/neQ5dXofg9

@media (max-width: 1018px) {
.td-post-template-1 article .td-post-header header .entry-title {
font-size: 25px;
}}

Maybe this forced font size was intended for some reason, I could make a note of it and pass it along for investigation.

Regarding the lightbox, once the general setting is activated it should affect all the post images
https://www.screencast.com/t/w5vvwCLzA
But when adding the image in the post I think the link has to be set manually
https://www.screencast.com/t/19sqmUxlo

Thanks

Simion C.
tagDiv Staff

Hi,

I see you already did that – http://prntscr.com/lqfq86
When setting a background color for the header there is a slider for the opacity of the color.

Thanks

Catalin
tagDiv Staff

Hi,

Please check the theme headers from here -> https://forum.tagdiv.com/newsmag-header-styles/ If you want another layout or style for theme’s header, you should customize it yourself because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Simion C.
tagDiv Staff

Hi,

Can’t say exactly, our developer and design team is working on this task with the highest priority. When it is finished we will begin testing, then an update will be released. I will know more details abut the new header features when we will begin testing.

Thanks

Viewing 25 results - 16,351 through 16,375 (of 29,850 total)