- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hey there,
as the title suggests, as I have edited some of the css to fit the colour scheme and hover effect as well. Is there a way for me to achieve the desired functionally as mentioned?
It only seems to open the accordion upon the first click and seem to be inactive after that. Only closing when another accordion section is opened.
Website Page Url: http://leapdsc.com/leapdsc/client/hdb/financial-review/#1505374698872-5380ae66-90cf
Hello,
That’s not the solution. I can’t make my readers on my website to show always follow that.
Is there a way I can permanently disable the theme from showing on mobile totally?
Maybe a css code or something.
Hello,
Unfortunately that is a custom implementation made specifically for the voice report demo. If you want to replicate it on another demo, you will need the css code: https://www.screencast.com/t/l4I5hBeOXk and you need to create the element in the tagdiv composer and adjust it’s row settings and design options.
Thank you!
Hello,
The fonts on mobile are predefined in our theme. You will need to change the size using css. I can provide the code but I will need precise examples of where you want the font changed.
Thank you!
Thanks for your replies.
I’ve tried what you, Simion, said, and it worked partially.
For a page with sidebar (http://zeesl.com/demo/royaldelux/packages/relax/) it works pretty good.
However, in a full-width page (with no sidebar) it’s displayed correctly for >768px (laptops & tablets) but not working fine for mobile <768px.
Any further idea?
May I add some extra CSS styling for “@media (max-width: 767px)” CSS section ?
Thanks in advance!
Christian
-
This reply was modified 8 years by
chart.
Hi,
You could change it with a code like this for example, if that is what you need
– https://www.screencast.com/t/aFT26dNJI1t
.post_td_gallery {
background-color: transparent;
}
The code must be entered in Theme panel-Custom CSS section. Please correct me if I misunderstand, and provide more details about what exactly you would like to modify.
Thanks
Hi,
The block title width dependents on the actual block title used. You could set a fixed width to the block titles, maybe like this
– https://www.screencast.com/t/tcageHLZuX
Experiment with different width values in the code until you reach the desired result. This code will affect all the blocks on the website, after you enter it in Theme panel->Custom CSS
.block-title span {
width: 150px;
}
Thanks
Hi,
On block modules the category tag color could only be changed wit CSS code, if that is what you want. The custom colors set in the theme panel for these, will only be displayed in the post page.
You could change the default color with some CSS code by block, like this
– https://www.screencast.com/t/0bmgFjkZ
This is the code used in the example
.td_block_big_grid_3 .td-post-category {
background-color: blue;
}
Use the browser inspector to identify the elements on the page and their classes, in order to create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi,
Visual composer has options to hide columns on specific devices
– https://www.screencast.com/t/xbjl5JK0nc2
But the tagDiv composer does not have any options like this at the moment. If you use it, this could only be done with CSS as you tried, and make the code more specific maybe by setting classes to rows and columns as well
– https://www.screencast.com/t/VC7eHAU8
– https://www.screencast.com/t/RkucMd6Ju4Bq
Thanks
Hi,
A specific option does not exist in the theme for this. You could either remove the category description from the category template files
– https://www.screencast.com/t/nHYeJdm7
Or use some CSS code to hide it. A code like this should do it, just enter it in Theme panel->Custom CSS section.
.category .td-category-description {
display: none;
}
Thanks
Hey there,
as the title suggests, Is there a way where I can control the width between the columns (for the images specifically)? I understand that the composer has settings provided for it. However, I seem to realise that the spacing comes from the css instead (column width padding left and right as well). Thus, if I were to alter the code via css, it would affect many factors (such as the entire column width etc.)
Feel free to refer to the links below for a better understanding.
Website Page Url example: http://leapdsc.com/leapdsc/client/hdb/delivering-homes/
Image Example: https://1drv.ms/i/s!Ai3uwVtbSehuuKsjJKm1MtXRyWVOPA
Please advice me on this.
Ăliminer les codes JavaScript et CSS qui bloquent l’affichage du contenu au-dessus de la ligne de flottaison
Afficher les étapes de résolution du problÚme
how can i fix this problem
Hello Simon,
Please see brookline.com for how I have integrated 970×250 ad below the main menu only for the home page. My question to you is what is the code, which was added to the page using the TD Composer, which I can use to add to the Custom CSS code in order for the add box and background image (the bar code to the right – used as a filler of the remaining empty space) to appear in the HEADER for ALL pages.
Thanks.
Below is the Current Newspaper 7 Child theme, I am wondering if it’s affecting why the posts on my website is not formatted properly, not adding spacing between paragraphs. A carriage return (hard return aka enter) should be after each period.
This is the link to a page article not formatted with the correct spacing between paragraphs. Also the content gets imported daily from RSS feeds.
http://www.thetalkbuzz.com/newsite/alexi-lalas-team-usa-soccer-players-should-be-required-to-stand/
.
/*
Theme Name: Newspaper 7 Child theme
Theme URI: http://themeforest.net/user/tagDiv/portfolio
Description: Child theme made by tagDiv
Author: tagDiv
Author URI: http://themeforest.net/user/tagDiv/portfolio
Template: Newspaper
Version: 7.7c
*/
/* —————————————————————————-
This file will load automatically when the child theme is active. You can use it
for custom CSS.
*/
.td-read-more {
display: none !important;
}
.td_module_11 {
padding-bottom: 20px !important;
}
they do need to fix the ‘wrap’ function for long URLs in the next forum CSS update around here (ahem) đ
Oh great thanks. I was using a child theme before but it was causing some issues. If I’m going to use custom CSS I think it better that I change to using a child theme right? or will those CSS settings stay in place when the theme updates?
If I should use a child theme, do you have I file I can download. Creating the child theme myself I feel like caused a bunch of issues.
Hello,
As the title says, I am having an issue with the Homepage post content style block in Visual Composer.
As you can see here geeklyng.net , the article being displayed as the homepage post is stuck all the way to left only showing half of the featured image.
I’ve added custom CSS within the entry line for it, but I cannot seem to get it to be center, showing fully on screen rather that only half
I am by no means a professional here, I just think something should be fixed. Maybe I’m wrong?
Well anyways, all of my posts are unusually large (3+mb) – and that’s with like 3 images in the post.
I did some digging around and think the problem is I need to remove all of this inline css.
I have never used/seen a theme that has this much code in the source. It really seems there should be a way to get rid of that via a plugin or something. I attached a screenshot of about as much of it as I could was only able to fit about 1/4 of all of it in one picture.
So what can I do? I’m sure removing that (or something) would make the posts lighter.
Thanks!
BTW the url is BuiltTacomas.com
Simplest to just delete that section from plugin then try it.
Or, contact plugin author for a filter to use?
Simpler to just delete the code from plugin probably than go through task of de-registering it from a function when it is registered by plugin.
Theme has zero control over removing CSS from other plugins, only moving CSS to footer.
-
This reply was modified 8 years by
simchris.
Hi,
I installed the plugin Twitter Trends Widget, so far is working as expected. However it implements is own css style, do you know a easy way to disable it and instead use the default css which come from the theme?
From the plugin code I can see the following :
// Register style sheet.
add_action( ‘wp_enqueue_scripts’, ‘twitter_trends_widget_styles’ );
function twitter_trends_widget_styles() {
wp_register_style( ‘twitter-trends-widget’, plugins_url( ‘twitter-trends-widget/css/twitter_trends_widget.css’ ) );
wp_enqueue_style( ‘twitter-trends-widget’ );
}
And later:
<div class=”twitter-trends-widget clearfix” id=”<?php echo $args[‘widget_id’]; ?>”>
<div class=”hashcloud”>
<?php
for ($i=0; $i < $count; $i++){
echo ‘‘.$twitter[0][‘trends’][$i][‘name’].’‘.'<br>’;
}
?>
</div>
</div>
<?php }}
Hi,
You could try to fix the image display problem, by entering this code in Theme panel->Custom CSS section
– https://www.screencast.com/t/80cr47VbCrx
.td-doubleSlider-1 .td-slide-item .td-slide-galery-figure img {
margin-bottom: auto!important;
}
Thanks
Hey there,
as the title suggests, is it possible for me to achieve this?
I have attempted this in css. As shown in Image 1, the image is as per normal. However, I seem to have forgotten that it would affect 1/3 + 2/3 column (Example of Image 2: image hidden when in tablet/mobile view). Is there a more effective way to achieve this?
Please advice me on this.
Website Page Url: http://leapdsc.com/leapdsc/client/hdb/delivering-homes/
Website Image 1 (Desktop): https://1drv.ms/i/s!Ai3uwVtbSehuuKpOjUGJeCq8KHTcfg
Website Image 2 (Tablet/mobile): https://1drv.ms/i/s!Ai3uwVtbSehuuKpN0cC8yU1Dcd0Q_Q
Css attempt (not successful due to image in 1/3 column missing naturally): https://1drv.ms/i/s!Ai3uwVtbSehuuKpMPT0mIL7WQNsobQ
Hi,
The easiest way would be to insert that text with CSS code, like in this example
– https://www.screencast.com/t/u88MmnucgSPp
This is the code used in the example, if you decide to use it enter it in Theme panel->Custom CSS section
.entry-crumbs span:first-child:before {
content: 'You are here : ';
}
Thanks
Hi,
The gradient could be removed with some CSS. The bottom box color in that grid style will be the theme accent color
– https://www.screencast.com/t/L4H3XI3z
You could keep the current accent color and change the bottom, box color with a code like this
– https://www.screencast.com/t/hdwUP1xoExy
The color is in rgba format, the last value being the opacity or transparency of the background color. You can use any color or color code format you want. Then enter the code in Theme panel->Custom CSS
.td_block_big_grid_fl_9.td-grid-style-4 .entry-title {
background-color: rgba(75,0,130, 0.7);
}
Thanks
Hello,
The css for each menu item underline looks something like so:
.sf-menu > .menu-item-312 > a:after{
background-color:red!important
}
Thank you!