- 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
Ok Lucian,
That works, but now the gap between the reduced image and the text is too big. (too much white space) See here: http://goo.gl/3jQnMP
What CSS code moves the text-part 50% towards the image? So that there is more space for the text. So not move the whole text-block a bit to the left but make it a bit more wide so that the gap between image and text is smaller.
Thank you 🙂
Greets from South Africa
-
This reply was modified 12 years by
OuweAap.
I added the css and it worked fine.
But animations still are not working?
Can be done via CSS, here is a quick test
.entry-title a,
.td-post-text-content,
.widget a,
.extend,
.pages,
li,
h1,
h2,
h3,
h4,
p,
a,
.next-prev,
textarea
{
color: white !important;
}
body,
.container,
.extend,
.pages,
.td-tags-and-social-wrapper-box,
.author-box-wrap,
.td-header-bg,
textarea
{
background-color: #000000 !important;
}
.author-box-wrap,
.td-tags-and-social-wrapper-box,
textarea {
border-color: #222222;
}
Thanks!
Hi,
I’ve change my header background image to full width, I’ve change the page background in style.css, but I don’t find how to change the background color of the website (behind the menu and above the footer). Can you help me with a little css code to allow this (I know that it’s not possible to have a full width website if we change this color directly in the theme panel)…
Thanks a lot !

Hi,
Add your Adsense code to Custom Ad 1 and then add this code: http://pastebin.com/NdhJZPzd to category.php file like this: http://screencast.com/t/lEldbqcA
For Homepage add the same code to index.php file like this: http://screencast.com/t/co4lWoWfr9W
To center it add this custom CSS in Theme Panel -> Custom CSS:
.top-ad .td-g-rec {
margin-left: auto;
margin-right: auto;
display: table;
}
Thanks
Hi,
Please add this CSS in Theme Panel -> Custom CSS:
/* responsive phone */
@media (max-width: 767px) {
.td-timline-h1-link a {
line-height: 21px;
width: 250px;
vertical-align: top;
}
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
.td-timline-h1-link a {
line-height: 21px;
width: 300px;
vertical-align: top;
}
}
/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1999px) {
.td-timline-h1-link a {
line-height: 21px;
width: 450px;
vertical-align: top;
}
}
/* responsive monitor */
@media (min-width: 1200px) {
.td-timline-h1-link a {
line-height: 21px;
width: 528px;
vertical-align: top;
}
}
Thanks
-
This reply was modified 12 years by
Lucian.
Hi,
Add this custom CSS in Theme Panel -> Custom CSS :
.single .author-box-wrap {
margin-bottom: 40px;
}
Thanks
I will add the css to fix buttons etc.
Why is VC now not working? I have the latest theme and VC
Darren
Hi,
Is there a way to shrink the size of Block 6 images by 20%? Sidewide and through custom CSS?
If so, please show me the custom CSS code to do so.
Thank yoy
My name “Matthias M. Meringer” has lots of characters. I think that’s why the tagDiv Login Form widget renders a line break in the top right widget area when I’m logged in. The same happens with other long names.
Can you give me some CSS based advice on how to prevent that line break in case of too long names?
Matthias
Hi,
Please follow this steps:
1. Using page builder add and configure “Social icons” and then switch to Classic Mode to get the shortcode like this http://screencast.com/t/QB6MexTB
2. Go to menu-header.php and replace the search icon with the following code like this: http://screencast.com/t/8H2XL18lRGr
<?php echo do_shortcode('Your Shortcode goes here'); ?>
Replace with your code like this: http://screencast.com/t/XOMIQbN1s
3. Inside the same menu-header.php file you have to change those classes like this:
…the one from the top to "span 9" http://screencast.com/t/3Kq6hyj0f and the one from the bottom to "span 3" like this http://screencast.com/t/J8nJjrVazN
4. Last add this custom CSS:
#td-top-search {
width: auto !important;
margin-left: 0px !important;
}
#td-top-search .td-social-wrap {
position: relative;
top: 10px;
}
…in Theme Panel -> Cutom CSS
Result: http://screencast.com/t/3WBgoKQ9j
Thanks
Hi,
Try this custom CSS:
.header-style-3 div.td-grid-wrap {
padding-top: 0px !important;
}
…add it in Theme Panel Custom CSS like this: http://screencast.com/t/dBLKd9oR4R8
Thanks
Hi,
Use a Custom Ad instead the Article Bottom Ad:
1. Go to Theme Panel -> Ads and move the Adsense code from Article Bottom Ad to Custom Ad 1 like this: http://screencast.com/t/FBuM88yc5
Replace the code for the ad in the single.php file with this one:
<?php echo do_shortcode('[td_ad_box spot_id="custom_ad_1"]'); ?>
Then add this CSS in Theme Panel -> Cutom CSS:
.td-a-rec-id-custom_ad_1 {
margin-top: 20px;
margin-bottom: 20px;
}
Thanks
Hi,
The CSS animation should work if you have the latest theme version and also the VC.
To fix the buttos, please add this CSS in Theme panel -> Custom CSS
.wpb_button_a span {
display: inline-block;
border-radius: 4px;
}
To fix the map from contact page add this CSS:
.wpb_gmaps_widget .wpb_map_wraper iframe {
width: 100%;
}
About the visual composer, we will update it in each theme update.
Sorry for the delay
-
This reply was modified 12 years by
Lucian.
I’m just doing some test so it’s not online yet.
By the way i’m using the original css with Full responsive (980px) and Style 3 – (full width logo) + menu.
Thanks,
Igor
Hi,
Please give me a link to see this issue and i will provide you a CSS to fix it.
Thanks
Hi,
Please add this code:
<?php echo do_shortcode('[td_ad_box spot_id="content_bottom"]'); ?>
…to your single.php file like this: http://screencast.com/t/My2fHvSBj
Add this code in Theme Panel -> Custom CSS to move the ad box further from the diqus block:
.td-a-rec-id-content_bottom {
margin-top: 20px;
}
Should look like this: http://screencast.com/t/ZOFFoxhXNuB
Thanks
Hi,
1. Replace single.php file with this: http://pastebin.com/te1XynKV
2. Replace loop-single.php file with this: http://pastebin.com/11Z04FPy
3. Add this CSS:
.entry-crumbs {
position: relative;
top: 20px;
}
.span12 .td_grid_wrap {
padding-top: 25px;
}
.single-post .post {
padding-top: 35px;
padding-bottom: 0px;
}
.single-post .td-page-wrap .span12 .td-grid-wrap {
padding-top: 0px;
}
I figured it out, just removed the .home 🙂
Unfortunately, it only works on my homepage, not the other pages. 🙁
Try it at http://www.techplanet.nl
Any idea how to fix that?
Perfect, thanks Lucian!
Hi,
Add this CSS in Theme Panel -> Custom CSS:
.home .td_read_more {
position: relative;
bottom: -20px;
}
Thanks
-
This reply was modified 12 years by
Lucian.
Hi,
The issue is because your CSS for that tour tab comes from style.css not from the visual composer CSS like should be as normal, see here: http://screencast.com/t/L8LsIUmtuG1
Your style is different: http://screencast.com/t/bVX2h7SCM
You have done some modification on CSS?, or you have a plugin that minify all your style CSS?
Please disable the minify.
Thanks!
Hi Guys,
I just updated the theme to 3.9.1 and have some urgent problems.
I also updated Visual Composer as it too said it needed update. I deleted the plugin then uploaded from folder in theme as instructed.
But the problems I now have is CSS animations are not working.
Here is the url: http://www.powercontrol.com.au/giovenzana-automation/
All pages animations seem not to be working.
Alignment of several modules created with Visual Composer are now all over the place.
For example on this page you can see the buttons are over lapping http://www.powercontrol.com.au/safe-t-pull/safe-t-pull-wire-switches/ . Plus the buttons are now not rounded corners?
http://www.powercontrol.com.au/contact-us/ you can see here the google map is over lapping the contact form ( it wasnt before ).
I too as others have had is getting the ” Hola! Please activate your copy of Visual Composer to receive automatic updates. ”
I am not sure if the theme is the problem or VC.
Please advise asap as this is a live customers site.
Thanks Darren
Hi there,
Please see my website http://www.techplanet.nl.
I would really like to move the “Read more” squares (In Dutch “Lees verder”) down a little bit. I think they are by default to close to the text. Check here for an illustration: http://goo.gl/GO22Tm
And I would like the modification to be update proof, so it would have to be custom CSS code.
Can you supply me with that?
P.s. I’m using Block 6
Thanks dudes 🙂
Andre