- 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
Hello Pramodc,
You have 2 possibilities to achieve this thing. You can use block 9, 10 because this kind of blocks do not have thumbnails in our structures or you can use any block you want and you should hide their thumbnails with a bit of css. For the second solution, I need to know what modules you use for implement this with Css.
Hope this helps and let us know how it goes!
Thank you for the message!
the problem is I have used this code inside the CSS editor of the theme
.td-post-content a { border-bottom: 3px solid #999; }
.td-post-content a:hover {
text-decoration: none; !important;
border-bottom: 3px solid #b51f1f;
}
but it wont show up on the site.
it should have a grey underline when not on hover.
https://www.dropbox.com/s/11ckc7hggjvpj0j/Screen%20Shot%202015-12-15%20at%2016.53.58.png?dl=0
Hello ylnahar,
Unfortunately, our theme does not have the option to control this feature from Theme panel. Please try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/TemZPzoWy
The result you should see here: http://screencast.com/t/Ra9u0EfJ52Xb
Thank you for the message!
Hello temp2escape,
Please try to use a code below to increase a padding-top. Place the code in Theme panel->Custom Css.
.td-header-menu-wrap.td-affix {
padding-top:15px;
}
Hope this helps and let us know how it goes!
Thank you!
Hello pupi,
You can get rid of that white space if you hide the meta_data_info with a bit of Css. Please try the code below and place it in Theme panel->Custom Css area.
.td-module-meta-info {
display:none;
}
The result you should see here: http://screencast.com/t/KxiKEsTkz
I hope that is what you wish.
Hope this helps and let us know how it goes!
Hello,
If you want to change all of the link colors from yellow to something else, it can be changed from the theme panel: http://screencast.com/t/mP6aRe2GKS
This will change every link color but also the block headers.
If you only need to change the titles, then you can use css. Quite a bit of it.
This would be the css to change all the links to red:
I hope this time it’s the good one.
Thanks.
Hi this did the trick, and it works ok 🙂
I have another domain tho, with the main theme, but when I implement the CSS the styling remains the same.
Any idea wat is going on?
thanks
domain is: 99wines.net
Hi
When you set a background image the theme switch in boxed layout and the backstretchclass it’s added in page source. In order to add this padding only when the background image is set you will need a js script which check if backstretch class exist. This script should load your custom css only if the result is true. This is a complex task and unfortunately I can’t provide a solution now. If you need this and you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you as we can’t offer customization services at the moment.
Thanks!
Friends, please add style.css file as well for version history.
Hello skyscorcher,
Please try to use the code below and place it in Theme panel->Custom Css area. The result you should see here:
http://screencast.com/t/hPzvV3Qu
.td-post-content a {
text-decoration: underline;
}
.td-ss-main-sidebar a {
text-decoration: underline;
}
Hope this helps and let us know how it goes!
Thank you for the message!
Hello Aldemi,
If you want to have for each menu item a different color, you have to use a bit of Css. Place the code below in Theme panel->Custom Css area, like this: http://screencast.com/t/hdusc4o0C1
Each item, has a different ID, like this: http://screencast.com/t/r8nmHtzg
li.menu-item-912 a {
color:red!important;
}
li.menu-item-913 a {
color:green!important;
}
li.menu-item-914 a {
color:pink!important;
}
li.menu-item-915 a {
color:blue!important;
}
For your second request, you can control the “Homepage-News” from SEO Yoast plugin->Title&Meta section, like this: http://screencast.com/t/InZUJXjXiU. Plese install this plugin and follow the steps.
Hope this helps and let us know how it goes!
Thank you for the message
Hello,
I’m not sure why your logo size changed but you can use this custom css to get it to display the same size as the default header logo:
@media (min-width: 768px){
.td-header-wrap .td-affix .td-main-menu-logo img {
max-height: 80px !important;
}
}
Thank you!
Hello,
@JCAires If you want to just target the h1 on the homepage, you can use css to do it like so:
.home h1{
font-family:
font-size:
color:
etc.
}
@Arafat The test is correct. You have no h1 tag on your homepage.Just the h3 tags for the module titles. This seo site testing does not search your entire site for h1 tags. It just inspects the link you give it. If you type just your website, then only the home page will be scanned for h1 tags. Try it with a link to a post and you will see the h1 will be there.
Thank you!
Hi Bogdan,
That did help,
I added code, replaced images and then added the css but still not have any luck.
Could you have a look
Thanks
Josh
Hm. It “looks” like a tracking code; like you’d see in Google analytics, Google ad, affiliate program, or simliar.
When you look at your page source you can see it looks like it’s part of some script placed in your header, but missing part of the code …
UA-71280683-1<noscript>
So, likely want to double check your theme panels for the custom CSS, custom Javascript, check the ad panel, and turn OFF any plugins which write anything to the header. Double check your YOAST SEO settings you didn’t put some code in there incorrectly as well.
UA = often short for user accountm, user analytics, etc.
Hi there,
I had to modify the style.css file of my Newsmag-child theme in order to get padding at the top of my site page to fit the background skin image because, otherwise, the left and right top header menus (please see http://352.be7.myftpupload.com/) would be overlayed by the skin background image.
So that I’ve applied the following modifications to style.css:
.td-header-container {
width: 1021px;
margin-right: auto;
margin-left: auto;
position: relative;
/* responsive portrait tablet */
/* responsive portrait phone */
margin-top: 95px; /* Row added for padding needed for background skin image */
}
@media (min-width: 768px) and (max-width: 1023px) {
.td-header-container {
width: 756px;
margin-top: 55px; /* Row added for padding needed for background skin image */
}
}
@media (max-width: 767px) {
.td-header-container {
width: 100%;
margin-top: 0px; /* Row added for padding needed for background skin image */
}
}
Is there a way to apply this upper padding only when a background skin image has been set and to remove padding when no background skin image has been set without changing the style.css file everytime by hand? Otherwise a ugly blank padding is displayed when no background image is set (please see 43b.60a.myftpupload.com/)
Thanks a lot for any help or advice,
Giuseppe
Hello,
You can use this custom css to change only the footer hover color:
.td-footer-wrapper .td-animation-stack:hover a{
color:red!important;
}
Thank you!
Hi,
I use Contact Form 7 plugin in order to get the contact form (please see 43b.60a.myftpupload.com/contatti/). To avoid to get extra CSS and/or JavaScript file on every page of my site, I’ve followed this guide http://code.tutsplus.com/articles/optimizing-contact-form-7-for-better-performance–wp-31255. This way I should get the CSS and Javascript of Contact Form 7 plugin loaded only into the page where the form is really placed.
So that I’ve created a new functions.php file of my Newsmag-child theme which contains only the following code:
<?php
/*
GSM:file functions.php of the Newsmag-child theme
*/
if (!function_exists('aa_deregister_styles')) {
// Deregister Contact Form 7 styles
add_action( 'wp_print_styles', 'aa_deregister_styles', 100 );
function aa_deregister_styles() {
if ( ! is_page( 'contatti' ) ) {
wp_deregister_style( 'contact-form-7' );
}
}
}
if (!function_exists('aa_deregister_javascript')) {
// Deregister Contact Form 7 JavaScript files on all pages without a form
add_action( 'wp_print_scripts', 'aa_deregister_javascript', 100 );
function aa_deregister_javascript() {
if ( ! is_page( 'contatti' ) ) {
wp_deregister_script( 'contact-form-7' );
}
}
}
?>
But, after this I got the following error:
Warning: Cannot modify header information – headers already sent by (output started at /home/content/p3pnexwpnas10_data03/26/2630926/html/wp-content/themes/Newsmag-child/functions.php:26) in /home/content/p3pnexwpnas10_data03/26/2630926/html/wp-includes/pluggable.php on line 1207
What I’m doing wrong?
Thanks
Giuseppe
Hi
First you need to replace the code from header-style-7.php with this one: http://pastebin.com/DHghLL1M – http://screencast.com/t/aQuTfCPtB Then you need to add this css in theme panel > custom code > custom css: http://screencast.com/t/1Zxhvv8UcfO
.img-left {
float: left;
width:20%;
padding-left: 10px;
padding-top: 10px;
}
.img-right{
float: right;
padding-right: 10px;
padding-top: 10px;
}
.td-header-style-7 .td-header-sp-logo{
width: 60%;
}
Let me know how it goes.
Thanks!
Hello,
you can use ads the same way with a do_shortcode function. For a block 21 you need to edit module 16 and add this code to it:
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]')?> like so: http://screencast.com/t/bmQjF5k6
This will insert an ad after every post in the module: http://screencast.com/t/xkKmZTqi9
It will need a bit of css to position it though if this is what you want.
Thank you!
Hi
You can chance that color from theme panel > theme color: http://screencast.com/t/nYFaY5kxbcp or use this css in theme panel > custom css: http://screencast.com/t/7Y9vfxsh2I
.td-pb-article-list .block-title > span{
background-color: #00b6db;
}
.td-pb-article-list .block-title{
border-color: #4db2ec;
}
We didn’t tested the qTranslate-X plugin with the theme so it’s possible to appear some issues with it’s functionality, sorry.
Thanks!
Hi
Try this css in theme panel > custom css: http://screencast.com/t/yFwWucb5e
@media (max-width: 767px){
.single .entry-title {
font-size: 20px!important;
}
}
Thanks!
Hi,
You can use the theme panel for any css code. You simply copy it in the custom code box and if you want to remove it, you simply delete the code and everything is back to default again.
Thank you!
Hello,
The theme was not designed to display full width elements.
If you use a stretched row in visual composer you need to adjust the margin left and margin right proprieties in the row settings: http://screencast.com/t/iAXskKjsb
You can alternatively add a custom class toyour row and use css to target it:
http://screencast.com/t/6mKaGV5zNKy
Then you can use the class assigned with css like so:
.custom-row{
padding-left:20px;
padding-right:20px;
}
Thank you!
Hi
Try this css in theme panel > custom css:
.page-id-abc .entry-title.td-module-title a{
color: red!important;
}
You have to replace the abc with the page id number. To get the page id follow this link: http://screencast.com/t/o1SnbdbGIPV
Let me know how it goes.
Thanks!