- TutorialsDefault Block Settings Guide
Hi,
Unfortunately there is no setting for this feature, i belive you want to make changes to the logo text or to the tagline text, if so you can use this custom css to select them, use .td-logo-text to select logo text or use .td-tagline-text if you want to select the tagline text and add your chosen font family and font size.
Ex:
.td-tagline-text {
font-family: "Anonymous Pro" !important;
font-size: 25px !important;
}
Thank you
Hi,
You can use this CSS:
/* responsive monitor */
@media (min-width: 1200px) {
.post .thumb-wrap img {
max-width: inherit;
}
}
emil_grecu is typing...
emil_grecu: .td_980_resp .td_mod_mega_menu {
margin-left: 19px;
}
.td_980_resp .td-mega-menu ul {
left: 0px !important;
}
.td_980_resp .td-mega-menu .td_block_inner{
width: 800px !important;
}
.td_980_resp .td-mega-menu .td-mega-grid,
.td_980_resp .td-mega-menu .td-no-subcats .td_block_inner,
.td_980_resp .td-mega-menu ul {
width: 996px !important;
}
@media (min-width: 768px) and (max-width: 1018px) {
.td_980_resp .td_mod_mega_menu {
margin-left: 14px !important;
}
.td_980_resp .td-mega-menu ul {
left: 0px !important;
}
.td_980_resp .td-mega-menu .td_block_inner{
width: 600px !important;
}
.td_980_resp .td-mega-menu .td-mega-grid,
.td_980_resp .td-mega-menu .td-no-subcats .td_block_inner,
.td_980_resp .td-mega-menu ul {
width: 748px !important;
}
}
Add it in Theme Panel -> Custom CSS section.
For the logo issue use this CSS:
.td_980_resp .td-g-rec-id-header .adsbygoogle {
right: 0;
}
.td_980_resp .header-logo-wrap img {
width: 250px;
}
.td_980_resp .header-logo-wrap {
margin-top: 34px;
}
Thank you
HI, if memory serves, as with most themes, it writes the new custom CSS into the header of the live page. Put some custom CSS in panel, then check the header section of a post page file to see 🙂
I use a couple of custom CSS things on our sites, only because in some versions of theme and our setup some stuff like the today’s date color setting didn’t work, and I also use Disqus but wanted some more spacing between the banner ad and start of the comments module. Was easy to just put those there than go back to the main css.
In the old days themes would often have a custom.css file to put custom code, particularly with child themes. However, “redirects” of CSS files from child theme kind of made that a fools errand for SEO. (Google doesn’t like the style redirects.)
Common method for any minor custom CSS stuff is to put into the header anyway, after call to main CSS file.
But perhaps Marius,Emil,Etc. may have better answer to that.
-
This reply was modified 12 years by
simchris.
Maybe I’m missing something here, but in these settings there’s nothing about the header. I’ve been able to customize post title and content title, but not the header because I haven’t found it.
If I customize Menu, Mega menu, Post or Page fonts I get changes only there, not in the header. In other words, I need to change font and size of my site name
Thanks
There is also a problem with the header ad overlapping the logo?
Hi,
You can customize header font by customize the “Menu Font”/”Mega Mneu Font”/ sliders font or “Post and Page title font” from Theme Panel -> Custom Typography, like this: http://screencast.com/t/6IkJLdpe7
Thank you
hi,
in the latest version of the theme we have moved the google analytics code from bottom next to the header
Thanks for you message.
Radu A.
Hi guys,
I understand some people would consider this radical, but I’m exploring the possibility of removing the sidebar on mobile. That’s because:
1. The sidebar makes the site load slowly on mobile
2. It’s a known fact that most people don’t scroll down very far, therefore they won’t even see the stuff in the sidebar
3. The fact that the theme has a fly-out menu and allows us to place ads in the header, footer and in-text makes the sidebar unnecessary for the purposes of navigation and ad placement on mobile
So all in all, I think for my purposes having the sidebar on mobile may be more of a problem than a benefit. How could I have it removed?
Thanks,
Serg
Hi,
You have to edit the style files (depending on your header style) and replace with the desired url – http://screencast.com/t/yPKFtCOfrGD5
Thank you, Emil G.
-
This reply was modified 12 years by
Emil G.
Hi,
Do you refer to the Big Slide? If you do note that the big slider is not a part of the header, it’s under the header and yes, it is possible.
You just have to create the slider and add it on page using the visual composer Revolution Slider block element – http://screencast.com/t/2kO8gjrJ
If you want to replace it on Homepage BG templates you have to edit the template file and replace the Big Slider line with the Revolution Slider shortcode
– http://screencast.com/t/oNDOhaCH3H
– http://screencast.com/t/wte9CA0nj
echo do_shortcode(‘[rev_slider test]’);
Thank you, Emil G.
I have a plugin that contains a javascript that uses jQuery. I’ve placed the script in the footer so the theme’s jQuery (v 1.11) is loaded before the plugin script can make jQuery calls. However, the plugin doesn’t work. The plugin comes with an older version of jQuery (v 1.9) and when i place the older jQuery in the header of footer the plugin will work. But the older jQuery version will break the theme’s mobile menu and other functions on the site.
Is it possible that the theme’s jQuery is a customized version of jQuery 1.11? The plugin author has tested it on v1.11 himself and says it works.
Speed Booster Pack
This plugin is a all in one that will give you that 95% score on Google PageSpeed, YSlow, Pingdom and GTmetrix.
The plugin comes with some great features like:
1. Moves scripts to the footer to improve page loading speed.
2. Loads javascript files from Google Libraries rather than serving them from your WordPress install directly, to reduce latency, increase parallelism and improve caching.
3. Defers parsing of javascript files to reduce the initial load time of your page.
4.Removes query strings from static resources to improve your speed scores.
5. Removes extra Font Awesome stylesheets added to your theme by certain plugins, if Font Awesome is already used in your theme.
6. Removes junk header tags to clean up your WordPress Header.
I’m using this plugin as well and it really help removed the rest of those files in render-blocking CSS and JS files.
With this plugin you will not need the other plugin ““Query Strings Remover”…
The plugin name is “Speed Booster Pack” by the author tiguan
You can download this plugin via the wordpress website @ this url
http://wordpress.org/plugins/speed-booster-pack/
Speed Booster Pack – Documentation
Hello,
is there a way to customize the header font? I haven’t found it, but maybe my search was not accurate. If not, I think it could be interesting to add it as a customization feature in the next theme releases.
Thanks,
Mario
Hello, after the upgrade my site is lost, as you can see. When uploading the Visual Composer, I get the messahe “The plugin doesn’t have a valid header”.
I cannot revert to any other theme, screen is always blank.
Any suggestion?
Hi,
is it possible to use revolution slider in the header instead of using big slides articles ?
Thanks.
Hi,
You have to delete the code for Search Icon from menu-header.php file like this : http://screencast.com/t/qbBLGt6x
and into the menu-top.php file you have to add this code like this: http://screencast.com/t/cao8imbu8q3
And you also have to change the name of the class from “span9” to “span8” like shown in the printscreen.
<!-- Search -->
<div class="span1">
<div class="dropdown header-search">
<a id="search-button" href="#" role="button" class="dropdown-toggle " data-toggle="dropdown"><span class="td-sp td-sp-ico-search"></span></a>
<div class="dropdown-menu" aria-labelledby="search-button">
<form role="search" method="get" class="td-search-form" action="<?php echo home_url( '/' ); ?>">
<div class="td-head-form-search-wrap">
<input class="needsclick" id="td-header-search" type="text" value="<?php echo get_search_query(); ?>" name="s" autocomplete="off" /><input class="wpb_button wpb_btn-inverse btn" type="submit" id="td-header-search-top" value="<?php _etd('Search')?>" />
</div>
</form>
<div id="td-aj-search"></div>
</div>
</div>
</div>
You will get this result: http://screencast.com/t/NK81ivEzu.
Now to style it simply add this custom CSS in the Custom CSS in Theme Panel:
div.header-search {
display: inline;
float: right;
}
#search-button .td-sp{
background-image: url('http://localhost/wordpress/wp-content/themes/Newspaper/images/header/elements-menu.png')!important;
background-repeat: no-repeat;
}
.td-sp-ico-search{
width: 25px;
height: 25px;
background-position: -20px -544px;
}
Result here: http://screencast.com/t/WW0j2lV6Ek.
Thank you
Um, well if you look at the changelog files it explains the changes. These are found in the download of the theme update from themeforest.
Always useful to explore the files and folders found in the theme download:
——————————————–
update_log.txt
[ V 3.8.4 ]
– fixed view counter + yoast incompatibility
– removed legacy code for backward compatibility
– added text title support to the row shortcode from the pagebuilder
– fixed missing animations from visual composer
– social counter plugin update
– visual composer plugin update
———————————-
changed_files_3.8.3_3.8.4.html
Here is a list of all the changes between v 3.8.3 and v 3.8.4
Modified files – 13 files
•functions.php
•header.php
•includes\plugins\js_composer.zip
•includes\plugins\revslider.zip
•includes\plugins\td-social-counter.zip
•includes\wp_booster\td_config.php
•includes\wp_booster\td_js_generator.php
•includes\wp_booster\td_page_views.php
•less_files\main.less
•less_files\menu-header.less
•style.css
•vc_templates\vc_column.php
•vc_templates\vc_row.php
New files – 2 files
•includes\plugins\td-speed-booster.zip
•less_files\pagebuilder\included_front_css_incomplete\page_builder_front.less
Hi Guys,
Is there an elegant and update proof (Custom CSS code) way of moving the Search Icon from the Main Menu to the Top Header menu? Like this: http://goo.gl/yCsXvp
As you can see on my site http://www.techplanet.nl I don’t have any room left for a search icon/box in the main menu. So I want one in the top menu.
Hope you can help. Thanks in advance and keep up the good work.
Hi Emil,
I understand what you have said, but not sure on exact “element” to fix.
On a mobile emulator website you can see here http://screencast.com/t/DaCDfWvLI
the left margin or padding has been set in each element on the page through Visual Composer modules.
Now as per this screenshot http://screencast.com/t/CSGN7h8ID that there is no padding etc in each Visual composer element.
Is this a bug within the theme?
If tested the theme on a brand new WP install and it does exactly the same. I hope i do not need to apply a fix every time the theme is used.
As to a fix i understand the @media query setting for css. I am wondering to which class i would apply padding or margin too.
Would it be the body??? as it seems to be only the page elements, not the header etc??
Thanks in advance
Darren
I have added this code to header.php (below <div id="outer-wrap">):
<div id="ad-left">
<a href="https://www.google.com/" rel="nofollow" target="_blank"><img src="http://dummyimage.com/160x600/ff0000/fff.gif" /></a>
</div>
and this to custom CSS:
#ad-left {
float: left;
position: absolute;
margin-left: 20px;
margin-top: 15px;
}
The problem is that the banner is not clickable. When a new site is loaded the banner displaces the site content until the custom CSS is loaded…
Hi,
The menu has two zones: a span11 for the menu and a span1 for the search icon – http://screencast.com/t/oxkiZy562YJ
You can increase the size of the menu bar if you remove the search icon:
– http://screencast.com/t/Gc9JqgHB2Ja
– http://screencast.com/t/jIkcOhwF
– http://screencast.com/t/okrYdfvaZPj
And force the width with css:
– http://screencast.com/t/wrSgIAMenGu
.td-menu-wrap, .td-menu-header, .td-menu-header .span12 {
width: 2000px;
}
Thank you, Emil G.
Hi Emil,
Could you not simply send me the menu-header.php file that should do the trick?
I followed these instruction to the letter:
http://screencast.com/t/jCgKv7UP, http://screencast.com/t/JsewTTwhW
So a screenshot of the php-file would also show these modifications.
Hope to receive the correct menu-header.php that A) deletes the search icon and B) makes the free space available for the main menu, C) without screwing up the logo.
Thank you,
Hi,
You can change the logo on mobile using css. Use the following css (add it inside the Theme Pane -> Custom CSS):
/* responsive phone */
@media (max-width: 767px) {
.td-logo img{
display: none;
}
.td-logo{
background: url('http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/logo-top2.png') no-repeat;
position: absolute;
background-size: 130px 60px;
width: 130px;
height: 60px;
z-index: 9999;
right: 5px;
top: -5px;
}
}
Replace the logo url with yours.
Thank you, Emil G.
Hi,
Please post an image with the menu-header.php file code, the logo should not behave like that.
Thank you, Emil G.
Hi,
I want to know if it’s possible to set different header styles for desktop and mobile. I use the full width center logo + menu for desktop, which looks great! But it doesn’t look good on mobile so I would rather use header 1 style (menu + logo on the right) with a different logo. Is this possible?