- 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
Hi strawberrybase,
Please try the code below and you can add the border to the thumbnails. The code have to be put in custom CSS area like this: http://screencast.com/t/ZbSP6ldB
.td-module-thumb {
border: 1px solid black;
}
The result you can see here: http://screencast.com/t/lMqXo2v2
Hope this helps.
Thanks!
-
This reply was modified 10 years by
Catalin.
Hello,
Module mx6 which is used by this big grid is set differently. It does not have author and date set to it at all in the theme files. You can add them by editing the module file and adding this code to it:
<?php echo $this->get_author();?>
<?php echo $this->get_date();?>
http://screencast.com/t/ohfkHglf
Then it will show up in your big grid. You can then style it a bit with CSS to give it the correct font size:
.td-big-grid-post.td-small-thumb .td-big-grid-meta {
font-size: 11px;}
result: http://screencast.com/t/aUMO15np5iV0
Thank you!
Hi cookingpanda,
For change the size of the Blockqoute is an option in Theme panel like this: http://screencast.com/t/bWsfb9yo4Q and to change the color you can do it manually in WP-article editor like this: http://screencast.com/t/IbjmwJtVeVYx or in Theme panel you can change the general theme colors like this: http://screencast.com/t/UdKfQsoS9mq4
And also you can try the code below in Custom css area like this: http://screencast.com/t/t6J7R3m2cnB9
.td-post-content blockquote p {
color:blue;
}
Thanks.
-
This reply was modified 10 years by
Catalin.
Hi
Sorry about that,
Replace the previous css with this one, it should work fine:
@media (max-width: 767px){
.td-icon-mobile:before {
content: '\2630'!important;
font-size: 40px;
}
}
Thanks!
Rehman,
Thanks for sharing this tool. Unfortunately for me, the tool doesn’t appear to work on https sites so I can’t test my main blog.
When I tested an old, unused blog I have, the results were what I would expect:
URL:
http://oracleodi.com/faq/what-is-oracle-data-integrator-odi/
Test Link:
Result:
1. What is Oracle Data Integrator (What is ODI)?
>>>1. Oracle Data Integrator Download
>>>2. Oracle Data Integrator Resources
>>>>>>1. Speak Your Mind Cancel reply
Which corresponds to:
1. H1
>>>1. H2
>>>2. H2
>>>>>>3. H3
The presence of the “Cancel reply” text is actually correct. This text is hidden on our pages via CSS.
It appears that Outline Tool indicates that the Newspaper Theme’s HTML5 implementation needs to be reworked. I had my own HTML5 questions about the theme detailed here: https://forum.tagdiv.com/topic/feature-requests-and-suggested-improvements/
I wish I had the time to troubleshoot this issue.
Hi dthreatt,
I am trying to create the same menu as yours – slimline, sticky.
How did you do it? Did you use some sort of custom css? Would you be able to assist as I am not having much luck as customising.
THANKS.
Iʻm using this code to remove the meta info: .td-module-meta-info { display: none !important; }
A problem now is that the code removes the info I need to show for Block 13… Any way to fix that easily with css?
Thank you so much!
Okay so im using a Big Grid 7 and the dates are not showing on any of the same boxes. I need them show. I have tried a few custom CSS codes and cant get them to show can you please help me with this?
If I wanted to edit the CSS styling of the editor, which file should I edit?
That icon work when I resize the browser, but on mobile not working. Not icon at all.I have the code in custom css.
.td-icon-mobile:before {
content: '\2630';
font-size: 40px;
}
Hello,
It seems that the method you use for ads is different from one site to another. On the first one you use this class: http://screencast.com/t/0BkSkX9rKCe3 and on the second you use this one: http://screencast.com/t/lfhybkEJY
These are custom classes you use for your adds that are not generated by the theme. When using custom ad spots, the theme css does not apply so make sure you use the same method in both cases if you want to have the same results.
Thank you!
Hi jerocarson,
I understand your problem. Please decrease the z-index value using css and the problem is solved. Try the code below in Theme panel->Custom Css area like this: http://screencast.com/t/omWBi62Q691R
.td-header-style-6 .td-top-menu-full {
z-index: 0;
}
And the result you can see here: http://screencast.com/t/88nmwGzGDjiW
Hope this helps.
Thanks and let us how it goes!
Hi
Try this css: http://screencast.com/t/NwMo99oq9C
.td_block_14 .td_module_mx1 .td-module-thumb a:last-child:before{
height: 100%;
background: none;
background-color: red;
opacity: 0.3
}
.td_block_14 .td_module_mx1:hover .td-module-thumb a:after {
content: '';
width: 100%;
height: 100%;
background-color: blue;
display: block;
position: absolute;
z-index: 1;
top: 0;
opacity: 0.3;
}
You can change the opacity value and the background color as you like.
Thanks!
Hi
I have 2 sites which i am making fairly identical
The sidebar has ads – some are 160 and some are 300 width
one site if i place the code for 160 ad it shows as 160 fine
the same code on the other site shows it at 324 – full width of sidebar
both sites are 6.5.1
when i use the inspect element the wrong site has this
i have taken the code off the good site as it was just to test the code – the good site is eastmidlandsbusinesslink.co.uk and the wrong site is not live yet http://www.fdiforum.net/mag
style.css:19573
.td-a-rec-id-smart_list_6 img,
.td-a-rec-id-smart_list_7 img,
.td-a-rec-id-smart_list_8 img,
.td-a-rec-id-post_style_12 img,
.td-a-rec-id-sidebar img,
.td-a-rec-id-content_top img,
.td-a-rec-id-content_inline img,
.td-a-rec-id-content_bottom img,
.td-a-rec-id-custom_ad_1 img,
.td-a-rec-id-custom_ad_2 img,
.td-a-rec-id-custom_ad_3 img,
.td-a-rec-id-custom_ad_4 img,
.td-a-rec-id-custom_ad_5 img {
width: 100%;
when you untick the 100% width the ad appears normal size
can anyone shed some light on this
Hello,
I ran a few more tests on this issue and it seems that this is the default behavior of the element. It is not just at your end. When the page containing it is set as the homepage, the alignment gets set to middle. So only on the homepage will the title be centered.
You can overwrite this alignment if you want by using this custom css:
.home .td-post-template-8 .td-post-header-holder{
vertical-align:bottom!important;
}
Just place the code in the theme panel-custom CSS box: http://screencast.com/t/WV5lXQXPRmn4
Thank you!
Hi
Try this css to increase the distances between the author boxes, you can modify the value as you like: http://screencast.com/t/rVmQ91FFx
.td_mod_wrap.td-pb-padding-side {
min-height: 100px;
}
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hi
You can paste the code in header.php or footer.php files as these are required on every post/page from site: http://screencast.com/t/lTkO7fNp4kVh You also need a new container for that ad and some css code for its layout.
Hop this help.
Thanks!
Hi mikezenmx,
Unfortunately, there is not an option for change the dimensions of slide. These are default. Another possibility would be to change it manually using Css code but this option we do not recommend.
Below you can see an example:
http://screencast.com/t/KOQHNcL0Vu8 http://screencast.com/t/FjkxHeRQ3mXa
Thanks.
-
This reply was modified 10 years by
Catalin.
Hi
1. Try this custom css in theme panel > custom css: http://screencast.com/t/9aYtsB6oNssx
@media (max-width: 767px){
.td-main-menu-logo img {
max-width: 70%;
}
}
2. I am not sure I understand your issue totally. Try to deactivate all plugins except Visual Composer, clear all caches and test again If the problem persist please provide more details so I can duplicate the situation on my side.
Thanks!
Hi sirota,
Please try the code below in Theme panel->Custom Css area like that: http://screencast.com/t/i49NXzMLi
.td-header-style-X .sf-menu>li>a:hover, .td_mega_menu_sub_cats .cur-sub-cat {
color: green;
}
Hope this helps.
Thanks!
Hi,
The copyright text has a specific width as you can add also a menu for your subfooter. If you don’t need menu there, you can use this custom css in Theme Panel > Custom Css – http://screencast.com/t/C7bdnxNDCY69
.td-sub-footer-copy {
width: 100% !important;
}
Thanks!
Hi,
I see that you still use the old version of the theme for http://faqsandroid.com/
Please try thsi custom css in Theme Panel > Custom Css:
body {
cursor: pointer !important;
}
.container, .container.td-page-wrap {
cursor: default;
}
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css – http://screencast.com/t/5lyQ2py0EcZK
@media (min-width: 768px){
.td-header-style-12 .td-main-menu-logo img {
max-height: 80px;
padding: 0;
}
}
Thanks!
Hi,
The featured image used on post template 8 is streched using javascript code and it wont display the caption.
You need some customization to have also the caption, so please edit single_template_8.php file and add this code – http://screencast.com/t/gDleyLTVp – http://pastebin.com/hYQyNHVG
The caption should appear now on you post page, but you need to customize it. I provide also a css to be more visible, but you can change it like you wish – http://screencast.com/t/4JimeNqF0U
.td-feat-image-caption {
color: #ffffff;
margin-top: 10px;
margin-left: -5px;
padding: 10px;
background-color: rgba(34, 34, 34, 0.55);
}
Thanks!
Hi,
I am using Newspaper in two blogs. In both I have using the Background Click Ad options with the same configuration.
In one it works ok in index:
http://foromoviles.com
And single:
http://foromoviles.com/la-garantia-de-los-moviles-mi-historia-con-lg/
But in the other it works in index:
http://faqsandroid.com/
But not in single:
http://faqsandroid.com/orange-dive-70/
I have tried changing:
- Child Theme
- functions.php
- Custom CSS
- ad links
But nothig works.
Can you help me?
Thanks in advance.