Search Results for 'header'

Hi,

If this is what you want https://www.screencast.com/t/AktCBxkV1AP3
Then please add this custom css

.td-header-style-12 .td-main-menu-logo, .td-footer-bottom-full .td-pb-span3 {
float: right!important;
}
.td-header-style-12 #td-header-menu {
float: right;
width: 900px;
}
.td-header-style-12 .td-main-menu-logo, .td-footer-bottom-full .td-pb-span3 {
float: left;
}
.header-search-wrap{
position : relative;
}
.td-header-wrap .td-drop-down-search {
left: 0;
}
.td-header-wrap .td-drop-down-search:before {
left: 19px;
}

Thanks

Hi,

If this is the result you want https://www.screencast.com/t/lpc2qEiF2TJ , then please add the below css in Newspaper>Theme panel>Custom code> Custom css
.td-header-style-12 .sf-menu > .current-menu-item > a, .td-header-style-12 .sf-menu > .current-menu-ancestor > a, .td-header-style-12 .sf-menu > .current-category-ancestor > a, .td-header-style-12 .sf-menu > li > a:hover, .td-header-style-12 .sf-menu > .sfHover > a {
background-color: black!important;
}

This will work only for header stile 12

Thanks.

Hi,

That is the Newspaper theme from what I can see, this is the Newsmag forum.

Newspaper has a few block header styles to choose from
– https://demo.tagdiv.com/newspaper/block-header-1/
Most of theme are left aligned however, or center aligned. This is because the right side is where the ajax filter is displayed
– https://www.screencast.com/t/gTQAf2T1Lzu

If you don’t plan on using ajax filters you could use some CSS
– https://www.screencast.com/t/U7XnTHaM9Ky
This code is general, it will affect all the block titles in the website when used

.block-title {
text-align: right!important;
}

Thanks

Hi,

1. I believe you are referring to the category tags – http://prntscr.com/likf3f
Those have predefined colors, they could only be changed with CSS, not by a theme setting.

I could try and give you a solution, mention for which elements you want to change the color, which blocks and where. A link to the website/page would be helpful so I can test.

For example something like this would work for all the category tags at once
– https://www.screencast.com/t/kFYKB3RkS

.td-post-category {
background-color: blue;
color: black;
}

2. Maybe something like this – https://www.screencast.com/t/1IPmNEYmVI
The menu will start from the right if you enter this code in Theme panel->Custom CSS

@media (min-width: 767px) {
#td-header-menu .sf-menu li {
float: right;
margin-right: 14px;
}}

3. I could take a look, provide a link to where the grid is in your website and exact details about what you want to do.

4. Seems the theme will override the font weight on mobile, it will set a font-weight of 600, so the one from the theme panel will not apply anymore
– https://www.screencast.com/t/rhlVigkI6Hh
I will add this on our list of issues, I don’t think this is intended to happen. As a quick fix I could give you a code to make sure your desired font weight applies. For example
– https://www.screencast.com/t/t5hkyCyH

.td_block_big_grid_4 .td-small-thumb .entry-title {
font-weight: 100!important;
}

Let me know.

Thanks

Hi,

Please paste in Newspaper>Theme panel>Custom code>Custom css the below code
.td-header-style-12 .td-main-menu-logo, .td-footer-bottom-full .td-pb-span3 {
float: right;
}

See the results: https://www.screencast.com/t/bFEowfFjO
https://www.screencast.com/t/qiMqEBQyzbKw
This css will work only on header (Style 12), and in footer(Style 5).

Thank you.

Hi,

Some header style display indeed a gradient – https://www.screencast.com/t/fuMlZbHDJp
It could be removed if needed, with a code like this
– https://www.screencast.com/t/RdIk2Ym2

.td-header-gradient:before {
display: none;
}

The code can be entered in the theme panel custom CSS section.

Thanks

Hi,

@Sydney Archdiocese
The result will be the same for codes you want to be loaded in the header, between the head tags. Either enter the code directly in the theme (or child theme if used) header file, or in the theme panel
– https://www.screencast.com/t/99JXi1lzzD

If you enter it directly in the main theme header file it will be lost after a theme update, since all the theme files will be replaced. Entering it in a child theme header file, or theme panel, it will not be lost.

Thanks

Hi,

If I understand correcty you like heder style 1,
Then set the images in header style one, but be notice that if you are using the header ads will look wrong.
https://www.screencast.com/t/bQaR1L5qWWDC
If this is what you want https://www.screencast.com/t/MNHCw9B7VhC
Please paste the below custom css in Newspaper>Theme panel>Custom code >Custom css
.td-header-style-1 .td-header-sp-logo{
width: 1024px!important;
}
.td-header-style-1 .td-header-sp-logo a img{
float: left;
position: relative;
left: 52px;
}
You can edit the above css after your desire.

Thanks

I see ads as well at the moment, maybe it just took some time before they started to appear on the website
– http://prntscr.com/li4zoq

What exactly do you mean by zoomed in? Zooming is a browser function, if a user wants to zoom in they can do so.

If you entered the analytics script in the theme panel it will be loaded in each page of the website, in the header. Make sure everything is set properly on the Google side
– https://support.google.com/analytics/answer/1008015?hl=en
That is what the Analytics section in the theme panel does, it outputs the code you enter in the website header. Check in the page source for the script and it should be loaded visible. It may take some time before the statistics are available. You could check this as well
– https://support.google.com/analytics/answer/1008083?hl=en

For AMP the code has to be added of this form – https://www.screencast.com/t/QBkx8rs1PPh
– https://developers.google.com/analytics/devguides/collection/amp-analytics/
The rest of the tags and code will be added automatically.

Hi,

1. From what I can see the title breaks when there is not enough space
– https://www.screencast.com/t/UkljSSad
If it would not the result is like this – https://www.screencast.com/t/rLHnv33V
– https://www.screencast.com/t/nuEuV19AwZ
From what I can find hyphenation of words is possible but not for all languages and may not work in all browsers
– https://css-tricks.com/almanac/properties/h/hyphenate/
I believe that is why the current word break was implemented.

2. It would be better to use a shadow, there are plenty of shadow generators online. For example a quick test I made
– https://html-css-js.com/css/generator/box-shadow/
– https://www.screencast.com/t/pABY7aPdQ
– https://www.screencast.com/t/TR7fI9Ras6p
You can design a shadow how you like it and use this code to apply it (code can be entered in Theme panel->Custom CSS) simply replace the values I used in the example

.td-header-menu-wrap {
-webkit-box-shadow: 0px 5px 31px 1px rgba(0,0,0,0.27);
box-shadow: 0px 5px 31px 1px rgba(0,0,0,0.27);
}

Header style 6 that you are using doesn’t underline the active menu items, it colors their background
– https://www.screencast.com/t/4TYnzCHPQY5P
I could give you a code to make it visible, like this
– https://www.screencast.com/t/1LsDVN0jIZD
– https://pastebin.com/VTwu8faP
If you want you can chnage the color of the underline in the code.

Thanks

Hi,

If I understand correctly you refer at this css tab https://www.screencast.com/t/hnCSLsIqOON , if is so, then is no option to hide or disable the tabs.
You can hide it with custom css , for example Please the below custom css in Newspaper>Theme panel>Custom code>Custom css

.tdc-tabs a:last-child{
  display:none;
}

see results:
https://www.screencast.com/t/EsqnG3Xp

For WPBakery
https://www.screencast.com/t/j1dByLMcJg
https://www.screencast.com/t/nT1kJaRl
Hope this will help you.
.vc_ui-panel-header-container .vc_general li:nth-child(2){
display: none;
}
Thank you for your understanding.

• This reply was modified 7 years by Calin.

Hi,

Seems the test detects that you do not use a CDN, that is not required however. You could use one and make tests. For example
– https://forum.tagdiv.com/cloudflare-cdn/
Using a CDN or a caching plugin may reduce the http requests as well
– https://torquemag.io/2018/02/how-to-reduce-http-requests-wordpress/

For expires headers you could check their documentation, maybe try what is suggested
– https://gtmetrix.com/add-expires-headers.html

The theme will serve a minified javascript already, for CSS minification you could do it manually for example
– https://cssminifier.com/
Or try plugins that can do this automatically (these could create problems in some cases).

Also check with your hosting, maybe they have optimizations services or modules they can activate server side.

Thanks

Hi,

Unfortunately our theme don’t have such options, if you want to do that you need to change some theme files, and if you do not have the proper skills you’ll damage the theme.
If you want to make the changes, for example for header 10
https://www.screencast.com/t/qbJ7yrFXicUS
results: https://www.screencast.com/t/Ounrrnl0

Thank you for your understanding.