- 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,
Please try to add this !important to all custom CSS.
Like this:
.header-search-wrap {
display:none !important;
}
Afterwards try to see if it’s working, if not please send your wp-admin username and password at contat@tagdiv.com so we can check, please also send the link to this topic.
Thanks
With the latest version 4.0.2 I needed to clear all browser caches and CND cache. In my case with cloud flare just using the single file clearing especially for the style.css file (but look at the changed files list and clear them as well).
This fixes the big slider and sticky menu. Everything else is working perfectly now, thanks for the great new features and continued optimising from the developers.
Since no new info posted here are some of my findings so far which I need your input on ASAP:
* Similar issue on WPML forum – http://wpml.org/forums/topic/how-can-i-translate-theme-options-content/
* From the response – this may be the missing link http://wpml.org/documentation/support/language-configuration-files/
(I did not see you include wpml-config.xml)
I am not sure why you listed the site as WPML compatible, but what I need is separate option panel per language to set:
* different header (image logo & text per panguage)
* different footer
* different template settings – to account for RTL / LTR on non category pages
* different translations – since it’s DIFFERENT LANGUAGES obviously…
* different Custom CSS
(Of course you can do a complete compatibility – but the above is a must!)
I was just checking this out also and the same thing applies for featured images in module 9 category. Image size is 326Ă—235 but in reality the picture is showed in 260×187, but there ain’t thumbnails for that size.
CSS code that does this is:
.td_mod9 .thumb-wrap img {
max-height: 187px;
max-width: 260px;
position: absolute;
}
Not to rush you guys or anything but will this be fixed via CSS for 4.0.3.
I just would like to have a time frame to work with this situation in the mean time.
Once again I applaud your support and really appreciate it. ( great service! 🙂 )
Hi,
You can do it via css, add this in Theme Panel > Custom CSS:
.widget_text .block-title span {
background-color: #2b2b2b;
}
.widget_text .block-title {
border-bottom: 2px solid #2b2b2b;
}
Thanks
Hi,
You can try using this custom css in Theme Panel > Custom CSS:
.menu-item-3184 {
background-color: red !important;
}
Replace the .menu-item-3184 class with your own, you can find it like this: http://screencast.com/t/o6mrdh84
If you can manage please send me a link to your site and i’ll give you the right css code.
Thanks
Hi,
You can try this css to style post pagination:
.single .page-nav-post {
text-align: center;
}
.single .page-nav span {
min-width: 50px;
}
This will center the post pagination and make it wider, you can change the values as you want. Removing the numbers in between the first and last page it’s not an easy task and need custom work, you can try it yourself if you want.
About the pagination above the image, I gave you the solution to add the ad box, and place it after the content in the loop-single.php file like this: http://screencast.com/t/uEBPCkfawmC
Make sure you have remove the article bottom ad from theme panel also.
Should get this result: http://screencast.com/t/BOVvHX5K
Thanks
Hi,
@dhvanesh
Please remove the css I gave you before and try this:
@media (min-width: 768px) {
.td-header-bg {
display: none !important;
}
}
@media (max-width: 767px) {
.td-header-bg {
display: block !important;
}
}
@seitenprofi
I’m not sure that I understand where you want the logo to appear. Can you please provide more details on what are trying to achieve or maybe a screenshot of something similar?
Thanks
-
This reply was modified 12 years by
Lucian.
Hi,
Try this custom CSS in Theme Panel Custom CSS:
.single .td-a-rec-id-content_bottom {
text-align: inherit !important;
}
Thanks
Hi Lucian,
Thanks for your reply. I have tried removing and adding the CSS to no effect. I’ll try checking with wp-access.
I’ll remove the unnessescary line of CS. The faktaboks is a custom div made by myself in order to insert text boxes with facts relating to the article, as I could not find an option for that within WP. It worked fine up until the custom CSS stopped working.
Thank you for your help!
Hi,
With the new post template and latest theme versions we have changed some classes but I have tested the css you’ve sent me on your site and should work fine, i don’t know why this custom css does not work when you add in custom css section, please make sure you remove it and then paste it again and savce it, go back and see if the changes have been made. If not you can give wp-acces to check this, send an e-mail at contat@tagdiv.com with your username and password and also include a link to this topic or specify the issue details.
Also i found this piece on your css that you can remove it, it dose not do anything:
.td-post-text-content {
line-height: 22px;
And i haven’t tested the .faktaboks class from the css, it’s must be coming from a plugin because we don’t have a class like that in the theme, but should work also if that class has not been changed.
Hope this helps!
Thanks for the message!
Hi,
Can you please give me an URL to see this issue?
Try using this CSS in Theme panel -> Custom CSS for the revolution slider issue:
.rev_slider_wrapper {
z-index: 0;
}
Also you can import predefined styles from Theme Panel like this:http://screencast.com/t/nHRFZqdT0f3
Hope it helps!
Thanks
I’m trying to make one of the menu items on the main menu stand out from the rest. I want to make it have a red background, but not sure of the CSS to make it work.
This is what it looks like now…
https://docs.google.com/file/d/0BwLFxEIDQNO7WC0zRVAxVW1uWnM/edit?usp=drivesdk
This is what I want it to look like…
https://drive.google.com/file/d/0BwLFxEIDQNO7T2d3czRQWUh5Z28/edit?usp=sharing
Is there any way to do this?
Thanks
Hello! My bigslider is not working since the last update (4.0.2), i already disable w3 total cache and cloudfare cache and re-upload the theme files but still not working.
The other issue is the theme is loading a lot of google fonts:
<link rel='stylesheet' id='google-font-opensans-css' href='http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-ubuntu-css' href='http://fonts.googleapis.com/css?family=Ubuntu%3A300%2C400%2C500%2C700%2C300italic%2C400italic%2C500italic%2C700italic&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Clatin-ext%2Ccyrillic&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-pt-sans-css' href='http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic&subset=latin%2Ccyrillic-ext%2Clatin-ext%2Ccyrillic&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-oswald-css' href='http://fonts.googleapis.com/css?family=Oswald%3A400%2C300%2C700&subset=latin%2Clatin-ext&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-roboto-cond-css' href='http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-vollkorn-css' href='http://fonts.googleapis.com/css?family=Vollkorn%3A400italic%2C700italic%2C400%2C700&ver=3.9.1' type='text/css' media='all' />
Website: conlupa.com.mx
How i remove this fonts? Cheers!
Shortcode trick working well. I used my “article top ads” spot for shortcode. Without custom css, ads are showing correctly with shortcode. Thank you for your help Lucian… 🙂
Hi,
You can try adding it using the do_shortcode function for custom ad box and add it like this in the loop-single.php file: http://screencast.com/t/QexjAdJiBuVZ
Here is the code you need:
<?php echo do_shortcode('[td_ad_box spot_id="custom_ad_3"]'); ?>
Also add your ad code inside the Custom ad 3 like this: http://screencast.com/t/IdQeUAdg
This way you have to remove the article bottom ad and the custom ad will remain under the pagination and above the prev/next post.
Use this css to arange it:
.single .td-a-rec-id-custom_ad_3 {
margin-top: -20px !important;
margin-bottom: 20px !important;
}
Use this class to style the post pagination:
.page-nav-post {
padding: 0px;
margin-bottom: 42px;
}
like this: http://screencast.com/t/OZmQAGbb
Hope this helps!
Thanks
And what CSS code does the trick?
Hi,
Please re-upload the theme, you have a missing style CSS theme file.
The big slide issue appears if you have CDN/cache and you didn’t reset it.
Thanks
Hi,
Please make sure you have the add the two sliders like this: http://screencast.com/t/eylddWnw
After you done that add this custom css in Theme Panel > Custom CSS to hide the big slider on mobile:
@media (max-width: 767px) {
.iosSlider.td_block_big_grid {
display: none;
}
}
Let me know if it works!
Thnaks
Hi,
You don’t need css to do this.
You can remove the sidebar for each template from Template Settings in Theme Panel http://screencast.com/t/ivWRwmTIO6c
Or from Page template settings: http://screencast.com/t/II7rDNfHV
Please send me more details about what do you want to do, like an URL to your site with this issue or a screenshot if this dose not help you.
Hope this helps!
Thanks
Hi,
Please use this css:
.fb-like iframe {
max-width: 500px !important;
}
Thanks
Hi,
Use this css in Theme Panel > Custom CSS:
.page-nav {
text-align: center !important;
}
Thanks
Hi,
1. You can do it via css.
2. You have to do the same inside single.php file or other post templates if you don’t use the default one http://screencast.com/t/FE97xqHLsW
Thanks
Hi,
We have tooth about this and we will add it in future updates, until then you can hide it via css on mobile, using this custom css:
@media (max-width: 767px) {
.td-page-wrap .span4.column_container {
display: none !important;
}
}
Thanks