- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Did you minify JS or CSS? If so, which files did you minify?
Hi Guys,
Thanks for the replies.
Ok, I got it to work using this custom css:
.td-menu-wrap {
background: #cfe7fa;
background: -moz-linear-gradient(top, #cfe7fa 0%, #6393c1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1));
background: -webkit-linear-gradient(top, #cfe7fa 0%,#6393c1 100%);
background: -o-linear-gradient(top, #cfe7fa 0%,#6393c1 100%);
background: -ms-linear-gradient(top, #cfe7fa 0%,#6393c1 100%);
background: linear-gradient(to bottom, #cfe7fa 0%,#6393c1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#cfe7fa’, endColorstr=’#6393c1′,GradientType=0 ); }
Unfortunately, the gradient code ONLY works when I disable the Site Background completely.
And I AM using my own site background. So it seems like it’s one (gradient menu but no site background) or the other (no gradient menu but with site background).
TagDiv support: why is this, and what is the fix for this?
In short: I just want some more gradient color in my main menu. I figured out the code, but this code does NOT want to work when I use site background. How.To.Solve?
Thanks 🙂
The problem with this is that sometimes I will get pictures, if only there was a way to detect that there is a picture available or not and then apply the CSS accordingly…
Hi,
I am trying to make the menu top header like the one see example (http://news.distractify.com)
I am choosing this Style 3 (full width logo) + menu in Header options, i am trying to get the logo in the same line to the menu with no success ! i know this something about css ! can you help me please ! You can see a live example in my test website
http://wtbuzz.com
I need not just to change the colors of menu and header, i’ve got some templetes which i’d like to use as a background.
Did i get you right that i need to add a specil class here?
<div class=”span4 column_container”>
<?php get_sidebar(); ?>
</div>
And then i can use custom css for this class? Can i add a backgrond image for it, not just to change the colors?
And your example was for category page template, i want to change sidebar on post templete too, i looked at loop-single file, but didn’t find there anything about sidebar..
What is the minifying css means? And which plugin use that kind of minifying css?
Same problem with the menu behind the slider shortcode. – but the css doesn’t seem to fix it..
Hi,
You can set and use the “Style 3-(full width logo) + menu” from theme panel > header style:
You will get this resul: http://screencast.com/t/XHGKSWEc
You might also need to style the ad box, use this css:
.td-visible-desktop {
margin-bottom: 48px;
}
Thanks
Hi,
Thanks TheMediumUTM!
@OuweAap
You can change the menu background color from theme panel > theme colors then use css to change the border for menu items as you like. Like TheMediumUTM suggested you can find a gradient you like then copy the css used to achieve it. This needs custom work, if you don’t have basic css/html basic knowledge and you don’t know how to do this we recommend you hire an freelancer from sites like: http://studio.envato.com/
Thanks
Hi,
@joventu
As Shashank Shekhar wrote the reason for this is your minifyed js/css, disable this and let me know if this solves the problem.
Thanks
Hi,
Use this custom css in theme panel > custom css: http://screencast.com/t/oU5YCw8SBevG
.home .td_mod_wrap {
margin-bottom: 0px !important;
}
Thanks
Hi,
Please use this custom css in theme panel > custom css: http://screencast.com/t/kHQAXaewiHz
.wpb_button {
color: white;
}
Thanks
Hi,
Unfortunately the headers layouts from theme panel > header style don’t include a layout like this, you can chose header style no 1 then make some changes to the header-style-1.php file, like this: http://screencast.com/t/xRABa33Nm
You will need to style the headers container to look as you like and you need custom css for this, unfortunately we cannot offer custom work as we work hard on the development, updates, fixes and support. 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
Hi,
The menu and header background can be changed from theme panel > theme colors: http://screencast.com/t/MkltZxpqu3
You need to use css for sidebar, follow this topic https://forum.tagdiv.com/topic/control-of-widget-headerslines-on-sidebar/#post-19605 as I explained there how to target the sidebar and use background-color: to change it as you like.
Thanks
Hi,
You can use this custom css to make the menu transparent:
.td-boxed-layout .td-menu-background .td-menu-wrap {
background-color: transparent !important;
}
You can change the menu items text color from theme panel > custom typography: http://screencast.com/t/TebRJoQz
Use this css to center the menu:
#td-top-menu .sf-menu {
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
Result: http://screencast.com/t/cJsfNWvCE
Thanks
Hi,
Thanks TheMediumUTM, glad you did!
@kacsa1337
Make sure you do this right, should work fine if you want to disable all category tags you can do it like TheMediumUTM suggested and hide them, just use the css in theme panel > custom css: http://screencast.com/t/WepswUGa
Thanks
Hi,
You can add the h1 tag on page and use custom css to style it to make it look like you want it http://screencast.com/t/AukWcJliZCE
Hope this helps!
Thanks
Hi,
1. Use this custom css in theme panel > custom css:
.iosSlider.td_block_big_grid .td-icon-left, .iosSlider.td_block_big_grid .td-icon-right {
color: rgb(255, 0, 31);
}
Should work like this: http://screencast.com/t/b2n1dpDVPGRH
2. Try to deactivate all plugins and check if it starts working, also have you had any modifications for the use of this plugin before version 4 update? If so you will have to re-make also those modification, from what I know that plugin dose not work well without any modifications.
3. I’m not sure how this can be fixed, you can try to check the support page for the plugin that you are using and explain there this situation or you can try to use the tag div modal view and notice how it works.
Hope this helps!
Thanks
Hi,
Noticed this errors when using IE: http://screencast.com/t/SyGcom03
Please try to set another font on IE to see if you still get this error, it might be due to the fact that the “Quattrocento” font it’s not supported by IE, try to do a search on this.
Also you can use .ie7 .ie8.. css classes and custom css to change the font only on IE: http://screencast.com/t/JsALv2AsGrO6
Hope this helps!
Thanks
Hi,
This may happen because of VC plugin, please make sure you use the latest theme version(4.2.2) and also the 4.3.3 version of the VC plugin, we have fixed this in the last version of the theme.
You can fix this by adding this custom css in theme panel > custom css field to solve this:
.vc_col-sm-12 {
box-sizing: initial !important;
}
Should work like this: http://screencast.com/t/KVD7uJgev3h
Thanks
Lucian, I really didnt have any idea of how to fix it, so i asked one of my fried to help out. I think he seemed to did through css to limi the height, but he have no idea of how to limit the width. It’s still wired, but we’re still thinking of a permanent fix. If you don’t mind, could you log in and take a look for me?
Hi,
I have 3 questions,
– i use module 4 in 2/3 of row, because of that I get two columns of posts, now i need to have 3 columns so can i do this by css or i need something else?
– Is there a way to hide child categories “box” for slide module on homepage (because i dont have child categories and I dont like that white space)
– how to erase date of posts showed by modules only on homepage?
thank you very much.
Hi,
I need some help to customize the theme even more than before and for this i will need some help. Thanks in advance!
Problem 1: Google shows when the category page was created(i think this is the code time itemprop="dateCreated
I would like to completely REMOVE this from category pages!
Problem 2: https://forum.tagdiv.com/topic/hide-category-on-post-page/
Hiding categories on post page is still broken and i want to REMOVE it and not hide it via css(thanks for your help TheMediumUTM, but this is not what i wanted)
Problem 3: Im using the MS category template and its just funny. http://i.imgur.com/hK5kz4O.jpg
1. Below every post title there is a breadcrumbs. How to remove it?
Also i want to remove the Author hyper link and show only the author name.
Once i have everything optimized for ssl i will pass along my adventures…
In meantime for those curious this has some good info…
http://serverfault.com/questions/570288/is-it-bad-to-redirect-http-to-https
Check the entire site for internal links and ensure they are all using HTTPS if you specific your own domain name in links, so you are not causing your own redirects.
Update your <meta property=”og:url” to using the https version of your domain.
If you use <base href= again update to use HTTPS.
Install SPDY protocol if possible
Make sure to use CSS Image sprites where possible, to reduce numbers of request.
Update your sitemaps to indicate https status, so spiders over time learn this change.
Change Search Engine preferences like Google Webmaster Tools to prefer HTTPS
Where possible off-load any stactic media to HTTPS CDN servers.
-
This reply was modified 11 years by
simchris.
Hi Ecofame. I’m looking at your site and the CSS I gave you is in effect! The whitespace I was hoping to remove is gone — the space between each row in the blocks. (You may need to clear your cache, or if you’re using a CDN purge that cache, or hard refresh your browser cache… there are many potential reasons you might be seeing an old version of your page!) If there’s a different whitespace you want to remove, please point it out in a screenshot.