Yes, look at your page source on a post page (do “view source” from your web browser), scroll down to find the logo element, which is above the search box section. Look at the div class right above the “container” for your logo. Find the class name, which probably has ‘logo’ in it. In my case it was td-full-logo; you need to obviously use the CSS class for the layout you’re using.
You have to do this with custom CSS … basically add more padding or margin to the div element the logo resides in, or the class being used for the logo specifically on the desktop view.
I just had to do this myself actually… (look at your page source, find the logo, then look at the div above the container:
In my case using full width logo (add this to custom css panel in the theme panel):
.td-full-logo{padding-top:9px;padding-bottom:12px !important}
Hello guys,
My website loads with adverts and a white blank background.
This is a picture of my website speed test on GTmetrix recently:
I’m using speed plugins:
– Speed Booster Pack (by Tiguan)
– tagDiv speed booster
Any help? Thank you!
You can edit the style.css to remove @media views you don’t want to use. If you don’t know what you’re doing you can quickly mess that up, however, since the menus are designed to change based on viewport, so it’s a bit tricky.
Hi,
Referring to the your document “How to make the site faster”, I was able to improve the pagespeed, but I’m unable to achieve this step “Remove render blocking css/js – using the TagDiv Speed Boosterplugin (Advanced Users)”
I’ve done exactly what have documented.
I’m having this kind of errors:
http://www.deepciel.com/wp-includes/js/jquery/jquery.js?ver=1.11.1
http://www.deepciel.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1
http://www.deepciel.com/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.tools.min.js?rev=4.6.0&ver=4.0
http://www.deepciel.com/wp-content/plugins/global-gallery/css/custom.css?ver=4.0
http://www.deepciel.com/wp-content/plugins/global-gallery/css/frontend.css
http://www.deepciel.com/wp-content/plugins/global-gallery/js/jquery.galleria/themes/ggallery/galleria.ggallery_minimal.css
http://www.deepciel.com/wp-content/plugins/global-gallery/js/lightboxes/lcweb.lightbox/lcweb.lightbox.css?ver=4.0
http://www.deepciel.com/wp-content/plugins/open-social/images/os.css?ver=4.0
http://www.deepciel.com/wp-content/plugins/revslider/rs-plugin/css/settings.css?rev=4.6.0&ver=4.0
http://www.deepciel.com/wp-content/uploads/js_composer/custom.css?ver=4.3.4
Here’s the code that I’ve added in my td-speed-booster.php
$this->move_js_to_footer(‘jquery’);
$this->move_js_to_footer(‘jquery-ui-slider’);
$this->move_js_to_footer(‘jquery-ui-sortable ’);
$this->move_js_to_footer(‘jquery-ui-tabs’);
$this->move_js_to_footer(‘media-upload’);
$this->move_js_to_footer(‘common’);
$this->move_js_to_footer(‘thickbox’);
$this->move_js_to_footer(‘admin-bar’);
$this->move_js_to_footer(‘utils’);
$this->move_js_to_footer(‘svg-painter’);
$this->move_js_to_footer(‘wp-auth-check’);
$this->move_js_to_footer(‘ewwwbulkscript’);
$this->move_js_to_footer(‘td-wp-admin-panel-js’);
$this->move_style_to_footer(‘gg_admin’);
$this->move_style_to_footer(‘lcwp-chosen-style’);
$this->move_style_to_footer(‘lcwp-ip-checks’);
$this->move_style_to_footer(‘lcwp-ui-theme’);
$this->move_style_to_footer(‘gg-colpick’);
$this->move_style_to_footer(‘gg-fancybox’);
$this->move_style_to_footer(‘thickbox’);
$this->move_style_to_footer(‘admin-bar’);
$this->move_style_to_footer(‘ie’);
$this->move_style_to_footer(‘open_social_css’);
$this->move_style_to_footer(‘td-wp-admin-td-panel-2’);
$this->move_style_to_footer(‘wp-color-picker’);
$this->move_style_to_footer(‘wpalchemy-metabox’);
There are almost all of the codes that I found in Step 4.2
Please assist.
Solved, solution: Add the css edit direct in the css sheet
Thanks a lot
Thanks, a small bug in the code.
The logo is first showing in the middle and then to the css position.
Is it possible to show it direct with the right or left style, and not in the middle?
Hi Lucian,
I just uploaded a background to the site mentioned above and it broke the header again. It has re-created problem 3 – the logo drooping out of the bottom of the header.
I tried re-uploading the logo sized at a height of 80px, and left your custom CSS in place, but the logo is still out of place.
Link – http://getgaining.com
Screenshot – http://imgur.com/uHnIUcV
Please let me know what you think the problem is when you can spare a minute or two,
Jamie
I agree with @Shashank Shekhar we need more styling with the theme,because i’ve use so many css code just to make mine not to look boring,because most of every one site i see they all look the same way and that makes it look very boring seeing every one site look the same…i try to make my site stand out more and to make that happen is to use a lot of css code,the coding of the theme is great and the features not so bad but the homepage is boring too me,but other then that the support and theme is great,when the new theme comes out and it not look like newspaper layout then i’ll buy it because i want something different not a copy of the old theme…
I want to show a skyscraper-ad on the left site. For this issue I created a div container and changed the custom css:
#ad-left {
float: left;
position: fixed;
margin-left: 15px;
margin-top: 25px;
}
.container {
margin-left: 190px;
}
For the desktop-version this is no problem, but for Tablet Landscape & Tablet Portrait. So it is possible to deactivate the tablet versions?
The tablet version has also display errors with WooCommerce…
lol a teaser is so you don’t get to see too much, just makes us want to know more!
Totally agree on styling, the features are really good and the way it’s all been done but i’ve had to custom css the theme like crazy because it was a little dull. But also that can be good so folks like me still have an option to make it the way we want without messing up any of the styles.
Some areas which need work are the bbpress forums and the share buttons. By the way has anyone seen the new slider on the Mashable site? Its so cool wouldn’t mind having something like that!
I will buy the new theme whens it’s released.
Hi, thanks for your help.
My bad I misspelled the wed address. its http://www.motiongraphics.co.il
As for the CSS update – I managed to fix the big slide direction and the remove the shadow but the couldn’t change the mega-menu direction and the bottom border color.
I actually want to do a couple of changes there – I want to change the whole border from white to my header BG color, and also the hover border color.
As for the menu color – I meant for the menu’s text color. my menu BG color is dark and I need to chance the text to a brighter color.
Thanks a lot for your quick reply.
Hi there , I would like the new theme to be much more “beautiful” than newspaper. 😉
I’m sorry but newspaper has a lot of features but it’s not beautiful. Everything is white and white!
In the new theme, it would be nice if you could make it 4 column, 1200px or more and use modern styles not those boring old day styles. You guys use just simple white and black css, make it more sleek, flat and awesome, with some new styles.
I like many themes but they don’t have the features I want. You have features but not very sexy design. 😛
So I hope the next theme will be good enough. All the best 🙂 and I’m sure to buy it as long as there is much improvement in design and css than the newspaper theme.
I must say, the teaser was very bad! Can we have another teaser that shows off the theme nicely? 😀
Cheers, and hurry up too 😀
Hi,
You can do it via custom css, like this: http://screencast.com/t/2c3J0WHmBM0H
.widget_adrotate_widgets img {
text-align: center;
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 6px;
}
.widget_adrotate_widgets {
margin-top: 10px;
margin-bottom: 30px;
}
Thanks
Hi,
Try this custom css in your theme panel > custom css field, this will enlarge the slider’s first thumb in height, like this: http://screencast.com/t/zC8N981nnm
@media (max-width: 476px) {
.td_block_big_grid .td-big-grid-post-0 {
height: 200px !important;
}
}
@media (min-width: 477px) and (max-width: 767px) {
.td_block_big_grid .td-big-grid-post-0 {
height: 300px !important;
}
}
You should consider disabling the right click protection plugin when you ask for my help because I can test my solution on your site.
Thanks
Hi,
Please use this custom css: http://screencast.com/t/1GzahLigi0a
.header-style-3 .container-fluid {
text-align: right;
}
Hope this helps!
Thanks
Hi,
I can’t access your site: http://screencast.com/t/TUmXP6Yzzzz so I can’t help you unless I can check and inspect the 2. Sliders on Firefox/ 3. Slider Titles/ 4. Social Icon covers the post issues.
Please let me know to check this when the site it’s running again.
Regarding the first issue you have with the custom fonts please note that we also know about this do have some issues with this. For a fix you would need to send us an email and request for a fix in this case. You can address us on email at contact@tagdiv.com
1. I need to see this so I can provide a better answer but yes you could write a better css selector and apply your style just to the bottom of the posts or if you want to remove the author box you can do it from theme panel: http://screencast.com/t/Rflo6pT3
2. Via custom css, like this: http://screencast.com/t/KEsLinjDvk
.td-big-grid-post {
float: right;
}
.td_block_big_grid .td-big-grid-post-0 {
border-left: 3px solid #ffffff;
border-right: 0px solid #ffffff;
}
3. Also via css, you could try something like this:
.td_mod_mega_menu .item-details {
float: right;
}
.td_mod_mega_menu .item-details .entry-title a {
direction: rtl;
}
4. From theme panel > theme colors: http://screencast.com/t/SJaMRIDpb
5. Use this custom css: http://screencast.com/t/61MBHpfBsMj
.sf-menu li a:hover, .sf-menu .sfHover a, .sf-menu .current-menu-ancestor a, .sf-menu .current-category-ancestor a, .sf-menu > .current-menu-item > a {
border-color: #4db2ec;
}
To remove the shadow use this css:
.td-full-layout .td-menu-background:after, .td-boxed-layout .td-menu-wrap:after {
display: none;
}
Thanks
Hi,
Use this css: http://screencast.com/t/8T0WiQSS
.td-footer-wrap .row-fluid .span4 {
width: 30.3483%;
}
Thanks
Hi Support,
One question, is it possible to use the Style 3 Full width logo + menu with the logo at the right side. Standard the logo is in the middle of the site.
We want the style 3 logo in the right because the 970 ad is displaying good with the theme. i can not found the style in the css.
Thanks for your help.
Hi, I have several issues I can’t find a solution for.
I’m a newbie to html, css and wordpress so I need you to be easy on me.
that’s my blog – http://www.motiongraphic.co.il
1. Custom Font
I can’t use a custom font using your theme panel.
I uploaded a hebrew font to the server and then linked it in your custom font section.
I then called it through the “custom typography” menu but the font didn’t show on the site. instead there was a default serif font. I tried using a different font but then it shows an non-serif default font instead.
funny thing is that when I use a third party plugin (“Use Any Font”) – the font shows.
I don’t want to use a third party plugin though.
2. Sliders on Firefox
The sliders on my blog doesn’t show well on fire fox. looks like it runs far left the first time you try to scroll it.
3. Slider Titles
It breaks the lines in a weird way… sometimes after a two word.
on IExplorer it doesn’t break the same way, but there is an extra space in every place it should break.
4. Social Icon covers the post
Every time I put an image on the end of a post the social icons covers the bottom of it.
It looks OK when the post ends with a text though.
Few short question:
1. I used CSS to give a separator line between posts by adding a bottom border to the footer. it also added a line on the bottom of the author box. can I delete it?
2. Since my blog is RTL – how can I make the large photo on the big slide be on the right side?
3. From the same reason – how can I make the post links on the Mega-menu show from the right to left?
4. How can I change the menu color?
5. How can I change the menu’s bottom line color and remove the drop shadow, and how can i change the bottom line color of the selected item on the menu?
I know that’s a lot of questions but I really tried to gather it all together instead of just post a post after another.
Thanks in advance for your help.
Motti.
Hi,
You could try to find and use a plugin to achieve that. Hope you manage to do it via custom css. Please let me know about the other issue you have.
Thanks
Hi,
Just add the custom css I provided above in the custom css filed in theme panel, like this: http://screencast.com/t/FRFt9QnDyaso and check if you are satisfied with the result.
If not then you would need more customization via css and you would need to get someone to helps you with that if you don’t have basic css/html knowledge and you don’t know how to do it.
You can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.
Hope this helps!
Thanks
i try like you every time, but nothing, it’s not good, it’s not work… i will try with custom css class like you and i will see…
i have some other problems, i will contact you after i finish this problem (like social counter, my header.. )
thanks for your support
have a nice time
Hi,
Use this css to change the hover color for both big slider’s title: http://screencast.com/t/AGrc817Uw4gg
.td-sbig-title-wrap .td-sbig-title:hover {
color: red !important;
}
.td-sbig-title-wrap a:hover {
color: red;
}
Thanks
Hi,
The images are set responsive via css using the width:100% property. Unfortunately I can’t recommend you a plugin for this as we haven’t tested any plugin for that. You could try to find one that dose that or use css to set a max-height on small screens, like this:
@media (max-width: 500px){
.td_block_big_grid .td-big-grid-post-0 .entry-thumb {
width: 100%;
max-height: 200px;
}
}
You could also use custom css to change the font sizes for slider title which I noticed that are quite large for small screens widths devices.
@media (max-width: 500px){
.td-big-grid-post-1 .td-sbig-title-wrap a, .td-big-grid-post-0 .td-sbig-title-wrap a {
font-size: 13px !important;
}
.td-big-grid-post-2 a, .td-big-grid-post-3 a {
font-size: 12px !important;
line-height: 12px;
}
}
Thanks
