- 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
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi,
Yes, such a solution I would be suggested too, I might add though at that css the .td-full-layout class because it will not work if you have a full layout only, I guess you have a boxed layout also.
Let me know if you have any other theme related issue.
Thanks for the message
Try this CSS in the Custom CSS section of your theme panel:
.widget .td_mod_6 {
border-bottom: 1px solid #7d7d7d;
}
Change the hex code to whatever colour you want.
To adjust the spacing, you can add
` margin-bottom: 10px !important;
}
After the border-bottom line, adjusting the px as required.
Sorry, I don’t have any free time to help with plugin development. I’m just now starting to work on something requiring full attention the next month, so I won’t be helping out here anymore, except to report something interesting (as I did the other day in PageSpeed sticky), or to poke the team about a bug I ran into.
I’d likely start by checking the btn classes already in use by the theme in the main style.css and related css files/less files.
Or, make new classes like btn-mehedi.
Hello, I want to change the font style (size and font) of the categories excerpts, but that option does not appear in the theme panel. These excerpt dont have a css class either, so what would I need to change?
Thanks in advance!
Hi,
Use the css without the last comma, that is why this css it’s not working, the classes have not changed so should work fine after the VC update also:
.td_block1, .td_block2, .td_block3, .td_block4, .td_block5, .td_block6, .td_block7, .td_block8 {
padding-bottom: 0px !important;
}
Thanks
Hi,
Sorry about this, we try to do our best.
@Arved007
You can solve the blank space issue via css. Sorry about the inconvenience, if you want you can updated the plugin again and send me a link to your site so I can inspect this.
I have already checked your site and noticed that you have compressed your html structure, this may also cause this along other plugins.
Please let me know if you have any other theme related issues.
Thanks
Hi,
@TheMediumUTM
You could add the css into an @media which will apply this css only for mobiles if this doesn’t look good, or you can style the looks for mobile using the same @media for mobile screen width.
Sould look something like this:
@media (min-width: 768px) {
.td-big-grid-post {
float: right;
}
.td_block_big_grid .td-big-grid-post-0 {
border-left: 3px solid #ffffff;
border-right: 0px;
}
}
This will not apply for mobile screens.
Thanks
Hi,
I’m not sure I understand what are trying to do, please send an URL to your site, a screenshot would help also.
Regarding the print button, you can add it like this: http://screencast.com/t/2PrTXtV6re
<a class="td-print-button" onClick="window.print();"><div class="td-print-text">Print this page</div></a>
..then use custom css to style it, should look something like this:
.td-print-button {
display: inline-block;
position: relative;
top: -16px;
padding-right: 15px;
color: #ffffff;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-weight: bold;
font-size: 13px;
cursor: pointer;
height: 31px;
background-color: steelblue;
}
.td-print-text {
position: relative;
top: 4px;
left: 8px;
}
Customize it as you like, the css I have gave you it’s just an example.
Thanks
Hey Guys! I tried to set my logo as full width (teilado.de) but i still have white blocks on both sides. I tried adding this code in custom css but it only got rid of the white space on top of the logo
.td-full-logo .td-grid-wrap, .container-fluid, img {
padding-right: 0px;
padding-left: 0px;
padding-top: 0px !important;
}
i also tried making the logo longer but it only gets smaller and does not fill the white space.
Thanks for you time 🙂
Weird… So it could be some of mye custom CSS then?
This is the only custom CSS I’ve added relating to only style 3:
.single_template_3 .td-post-header-full .entry-title {
margin: 0px 21px 14px 21px;
font-family: 'Roboto Condensed', sans serif !important;
font-size: 50px;
line-height: 48px;
}
This is the url to the post:
http://www.vitamail.no/karriere/mot-en-av-norges-best-betalte-21-aringer/
Hi,
You can adjust this using custom css. Can you please send me an URL to your site so I can inspect this?
I have tested this and found no problem using post style 3 or post style 4
Thanks
Hi,
Please use this custom css for title font:
@media (max-width: 767px){
.iosSlider .td-sbig-title-wrap a, .iosSlider .item .td-sbig-title-wrap a {
line-height: 15px;
}
.td_normal_slide .td-sbig-title-wrap .td-sbig-title, .td-sbig-title-wrap a {
font-size: 13px !important;
}
}
Regarding the view count I have tested it and found no problem with this, note that this post was just updated: http://screencast.com/t/mttQbF17n9I9
Please make sure you deactivate all plugins and check if this is still happening, this may be due to some plugins.
Thanks
Hi,
My guess is that the Pinterest buttons use the same css class, that’s why when you enable the flare Pinterest button the other breaks. You could use this as it is or you could try to change the classes.
Thanks
Hi,
Replace this code: http://screencast.com/t/D1ZfjptV8dZ
With this: http://pastebin.com/BkYCia8w
Then use this custom css in theme panel > custom css:
#custom_text {
display: inline-block !important;
width: auto;
height: auto;
position: relative;
left: 45px;
top: -6px;
font-weight: bold;
color: red !important;
}
Result: http://screencast.com/t/vCYiM4in
Hope this helps!
Thanks
Hi,
Please add this custom css in theme panel > custom css:
@media (max-width: 767px) {
.td-menu-background {
z-index:2;
}
.header-style-3 .td-logo img {
height: 48px;
top: 0px;
position: fixed;
width: 180px;
}
}
Modify the height and the width to enlarge the logo on mobile screens.
Should work like this: http://screencast.com/t/fcPUHPX2drG1
Thanks
The version included with the theme update today has newer version.
Version 4.6 SkyWood (25th August 2014)
NEW FEATURES
•Option to disable each video on mobile
•Option to disable Pan Zoom on Mobile
•Option to disable Parallax on Mobile
•Randomized Animation from the Selected Animations available now
•New Offset option for the Scroll Below Function
•New Option to set Slider Min Height – Content will be vertical centered in case content container is smaller then min height of Slider
•New Loop Options for HTML5 Videos: none, loop and stop Slider Timer or Loop till Progress Bar reaches the End
CHANGES
•Alternative First Slide wins now, even if Random Slides is enabled
•Vimeo, YouTube and HTML5 Video can be added now via options on demand instead of preadding iFrames. This will avoid Preloads delays, and slow site loadings
•Using now tp-videolayer class for Videos to identificate Video Layers better
•Class “current-sr-slide-visible” added to the Slide “li” tag which is currently Visible
•Swipe Engine Change
•Swipe Treshold Option Default 75 – The number of pixels that the user must move their finger by before it is considered a swipe.
•Swipe Min Finger Default 1 – Min Finger (touch) used for swipe
•Drag Block Vertical Default false – Scroll Auto below Slider on Vertical Swipe on Slider
BUGFIXES
•YouTube Force Rewind fix
•YouTube Mute in Second Loop fix
•Added backwards compatibility for inline CSS with WordPress versions under 3.7
•Ken Burns Dotted Overlay was not visible
•IE8 Console Group Issue – Slider was not visible in IE8
•Looping Issues if Slides has been manually hanged after Loop Stopped
•Browser Tab Change -> Broken ELements fixed. Option for Slide Change on Blur Tab / Browser also available.
•Navigation Style Preview1- Preview4 Styling issues
•Power2 Error at some Animation
•Mouse Over on Loaded PArallax Slider issue – Slider will always play parallax effect, even if Mouse was already hovering the slider at laod
•IE8 and other Old MObile Devices Fall Back on simple Transitions. CAn be forced now
•HTML5, YouTube and Vimeo Video Playback fixes
I just update the VC plugin but it seem that the Css code to take out the white space on homepage from blocks don’t work any more..
.td_block1, .td_block2, .td_block3, .td_block4, .td_block5, .td_block6, .td_block7, .td_block8, {
padding-bottom: 0px !important;
}
Can i get a fix for this please…
Hi,
thank you for the reply but I manage to correct the problem myself. (But I see another reclamation for bad resizement on smartphones with fullscreen featured image so I’ll explain what i did.)
I think there is a lack of @media style info for smartphones when you use parralax post featured image in a boxed website (with background)
here is what I did to correct the cutting of the parallax featured image on smartphones, I don’t know if it’s the best we can do but it worked, I’ve added that to the CSS :
@media (min-width: 200px) and (max-width: 767px) {
.td-boxed-layout .td-big-slide-background {
width: 100%;
}
}
Hi,
Use this custom css:
.td-full-layout .td-menu-placeholder .td-menu-background {
border-bottom: 1px solid black !important;
border-top: 1px solid black;
}
Modify the border as you like: http://screencast.com/t/HtCSu38eqJqO
Thanks
Hi,
The thumbs are set like that via css using float:left. Use this custom css in theme panel > custom css to set it the float right:
.td-big-grid-post {
float: right;
}
.td_block_big_grid .td-big-grid-post-0 {
border-left: 3px solid #ffffff;
border-right: 0px;
}
Use !important after the value, like this float: right !important; if it dose not work.
Should work like this: http://screencast.com/t/OCjl4g1Z
Thanks
Hi,
Please use this custom css:
.home .td_block6 .td_mod9 {
margin-bottom: 0px;
}
.home .td_block6 {
padding-bottom: 0px;
}
.home .td_block6 .block-title {
border-bottom-width: 1px;
}
.home .td_block6 .td_mod9 .td-post-text-excerpt {
padding-bottom: 15px;
}
Should work like this: http://screencast.com/t/wsB6xj1j
Thanks
It’s found in the folder when you download all the files from Themeforest. 🙂
They really should add a note about this in the documentation, as it’s standard practice to include version info with file downloads. However most folks new to webdev would not know that.
Note the files:
*changed_files_4.2_4.2.14.2.1.html
*update_log.txt
[ V 4.2.1 ]
– fix categories display in Theme panel -> Categories
– fix Revolution Slider z-index issue with menu behind
– fixed footer copyright text problem with some characters
– fixed social counter + twitter
– social counter – added no follow on links
– classic blog – text logo fix
– classic blog – menu colors fix
– classic blog – boxed version fix
– fixed sidebar bug on template + loop
—————-
Newspaper theme
Here is a list of all the changes between v 4.2 and v 4.2.14.2.1
Modified files – 17 files
•footer.php
•includes\wp_booster\td_config.php
•includes\wp_booster\td_css_generator.php
•includes\wp_booster\td_page_generator.php
•js\min\site.min.js
•less_files\editor-style.less
•less_files\menu-top.less
•less_files\pagebuilder\td_revolution_slider.less
•less_files\post-templates.less
•less_files\stacks.less
•page-homepage-bg-loop.php
•page-homepage-loop.php
•parts\menu-header-center.php
•sidebar.php
•style.css
•wp-admin\images\post-templates\post-templates-icons-5.png
•wp-admin\panel\views\panel_categories.php
Deleted files – 0 files
•none
New files – 0 files
•none
If anyone wants to use a small size repeated image pattern as background for big slider, put the following code in Theme Panel -> Custom CSS
.td-big-slide-background {
background: white url(‘url_to_image’);
}
Great theme..a lot of options.