- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hi!
I’d like to add/change a background of menu, header, sidebar, how can i do it?
I found a td-bootstrap.css file, but it’s tricky to make any changes there, coz it’s a one-line-file..
Thaks in advance!
Go to Theme Panel -> Custom CSS and paste it in there.
If it doesn’t work, add an !important tag like this:
.td_mod_wrap .meta-info {
display: none !important;
}Make sure to refresh your cache if you’re using a cache plugin. Let me know if that works!
As for site design, to each his own 🙂 I guess the more options the better.
The link I shared generates all the hard part of the CSS based on the gradient you make there. Once you make the gradient you want:
1. Go to your Theme Panel -> Custom CSS
2. Enter .td-menu-wrap { on a new line
3. Copy and paste all the CSS code generated by that site
4. Enter } on one more new line
5. Delete your cache if you use one and refresh page.
If this doesn’t work, the implementation will be more difficult and you’d probably have to wait for tagDiv support after the weekend.
Good luck!
Hi TheMediumUTM,
Thanks for the response.
Unfortunately, CSS is not my expertise.
Do you have any idea what custom CSS code I would have to use? How would it look like?
Thanks in advance 🙂
P.S. Lucian, I finally installed the Live CSS Editor I see in your screenshots sometimes. So good 😀 Much better than fiddling with five different parts of the inspector or a stubborn cache…
Agreed, when I’ve seen a white screen and it’s not a php error, I’ve often found it’s aggressive CSS minifying. Both those plugins should work, but make sure you disable minifying CSS, and then clear the page cache before looking at your site.
You’re welcome! Where you put it depends where you want it in the post. You could have it between header and content, after content, after footer, after comments… etc.
If you open up loop-single.php or loop-single-1.php you will easily see the blocks where the header, content, and footer parts are prepared and echoed. For loop-single-2 through loop-single-5 it’s a little more complicated because the header block is located in single_template_2.php through single_template_5.php instead.
Just throw this code between a <?php tag and a ?> tag into one of those handily titled blocks.
And if you’re not using one already, don’t forget that these files should be modified in a child theme so they will survive theme updates.
The tab ID is okay as it is. As far as I can tell, it just needs to be unique and have no spaces.
P.S. If you know some CSS you could also add classes to your $to_echo string around your content and style that in the Custom CSS section of the theme panel. Wrapping the tabs is probably going to mess with them a little, but the content inside the tabs can be styled freely.
Hi after updating to the latest version, I notice that the back to top function on the bottom right is not working. I have custom CSS to have a custom icon listed, but removing this also does not seem to help or show the default arrow. Any thoughts on this?
Thank you,
Franklin
site: redvistajoventu.com
I changed all of mine to Open Sans that way, last weekend.
Don’t forget to comment out the Google fonts in your functions.php file so you’re not still loading the PT Sans and such. And ideally put the Roboto css at bottom of your CSS file (but don’t minify that section) vs loading the css file from Google.
Yep! I did it, and it worked! Thanks!
Better to do that from the style.css file
are you minifying the css?
Hi,
Instead of having the background of the main menu just one single color, is there a way (CSS?) to make it gradient looking? Like the examples over here? http://goo.gl/8DhV3g
Should be possible using custom CSS I would say. But how?
Please advise.
Thank you!
I just want to clear things up here with my post,i ask @Lucian to check my css code that remove space between the blocks to make them come more closer.
CSS code to bring the blocks closer to remove my white space in the middle of the blocks.
.td_block1, .td_block2, .td_block3, .td_block4, .td_block5, .td_block6, .td_block7, .td_block8 {
padding-bottom: 0px !important;}
CSS code to remove the white space between the rows to make it look much better on the homepage…
.home .td-grid-wrap .wpb_row {
margin-bottom: 0px;
}
I’m not sure the 2nd CSS code will work for any one else because it was made for my site,but every one should wait to monday when the staff is back to help you like how they help me to fix my white space issues…
@Ecofame may be you should post ur site URL so he can make a code for you too use..because the css code i’m using was made for my site and i think this is the reason why it’s not working for other members…
@Lucian reply to some one….
I have made that code for @Steven‘s site, send me your sites’s URL if this dose not work for you, I will provide the right css code.
Hi,
I would like to change all the fonts at once using CSS. I want all of the fonts (slider, mega menu, everything!) at once to:
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;P.S: I have “wp_enqueue_style” the font from Google Fonts. So I don’t need to load it again 😉
Thanks! Please help.
Hi. I know that you have a lot of posts about this, and i have read all of them, but i didn’t found any answer yet!
I use for homepage : Homepage – with article list . I had made also a comment in themeforest and the answer from staff was this:
Only one template comes with h1 page title – http://screencast.com/t/lrtO3f9ny
The page title (H1) or subtitle (H2) can be added manually using visual composer – http://screencast.com/t/fgekI1Gb – http://screencast.com/t/Uj6edkvf
Or by modifying the template files – http://screencast.com/t/2fcHKsQyVJ34
The other elements on page like block/modules titles use h3 and h4 tags. When we built the templates we followed the best practices used by Yoast and other SEO specialists.
If you hide the title on page using css display: none or moving it outside of the visible screen area (ex. position: absolute; top: 9999px; ) Google will penalize you. Here are some discussions on the subject – http://stackoverflow.com/questions/3239202/whats-the-correct-way-to-hide-the-h1-tag-and-not-be-banned-from-google
But it is not good for style to have a text as h1 visible! Any other suggestion? If i set logo with h1, also in posts i am going to have 2 h1 tags, and this is not right.
My website is this: http://www.radarnews.gr/
For me too the white space appeared but when I used the css (i tried both with and without !important) I get this.
my site: http://www.styzic.com
Hi,
Use the css like this:
.td_mod8 {
border-bottom: 1px solid #7d7d7d;
padding-bottom: 30px;
}Should do it like this: http://screencast.com/t/vHy2rs0tp
Thanks
Hi,
@gnoe
Please use it like this:
.td-grid-wrap .wpb_row {
margin-bottom: 0px;
}Also add !important after the margin property like this, margin-bottom: 0px !important; if it dose not work.
I have made that code for @Steven’s site, send me your sites’s URL if this dose not work for you, I will provide the right css code.
Thanks
Hi,
Use this custom css in theme panel > custom css:
.home .td_block_wrap .block-title a {
display: none;
}
.home .span12 .td_block2 .block-title {
border-bottom: 0px solid #fff!important;
}
.home .td-grid-wrap {
padding: 0px 13px 0px 13px;
}Should work like this: http://screencast.com/t/oKSjs14f
Thanks
Hi,
Please send me a link to your site and point me on what white spaces you need to remove and I will provide you a fix, you could also try this it may help: https://forum.tagdiv.com/topic/remove-white-space-between-blocks/#post-20049
Use the css without the .home class, like this:
.td-grid-wrap .wpb_row {
margin-bottom: 0px;
}
Please let me know if it works for you.
Thanks
Hi
on my homepage http://www.alexiptoto.com/ i use the block 9 for the latest post.
I try to add a horizontal line to separate the posts between them with this code on custom css:
.td_mod8 {
border-bottom: 1px solid #7d7d7d;
The problem is that it looks like this
http://www.alexiptoto.com/wp-content/uploads/2014/09/o-512×483.jpg
and I would like it to look like this
http://www.alexiptoto.com/wp-content/uploads/2014/09/o1-512×483.jpg
Please help me! I know it is easy but I cant solve it right now…
