- 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 Lucian
I am aware of the procedure to get the script and CSS id’s. However, this particular script is not appearing in the list. Although, a stylesheet related with this plugin (wpproads_standard_admin) is appearing in the list.I am providing a list of ID’s below for review and help.
ommon.min.js
wp-color-picker | /wp-admin/js/color-picker.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
devicepx | http://s0.wp.com/wp-content/js/devicepx-jetpack.js
wpseo-admin-global-script | http://www.sportscourant.com/wp-content/plugins/wordpress-seo-premium/js/wp-seo-admin-global.min.js
td_wp_admin | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_edit_page.js
td_wp_admin_demos | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_demos.js
td_page_options | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_page_options.js
td_tooltip | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/tooltip.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles
wpproads_standard_admin | http://www.sportscourant.com/wp-content/plugins/wp_pro_ad_system/templates/css/admin_standard.css
wp-color-picker | /wp-admin/css/color-picker.min.css
admin-bar | /wp-includes/css/admin-bar.min.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://www.sportscourant.com/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/css/wp-admin.css
thickbox | /wp-includes/js/thickbox/thickbox.css
jetpack-icons | http://www.sportscourant.com/wp-content/plugins/jetpack/css/jetpack-icons.min.css
Hi,
Please try this custom css in Theme Panel > Custom Css, this css code it will hide the caption and when you hover the image it will show it: http://screencast.com/t/xQS9zpF3Ks – http://screencast.com/t/LrpweKK7ZFg
.wp-caption-text {
opacity: 0;
}
.wp-caption:hover .wp-caption-text {
opacity: 1 !important;
}
Hope this helps!
Hi,My site is very small , since every time open it, css and js file is loaded a lot , resulting in poor website experience . So , I think every load to load CSS and JS is only a small part. how can I do ?
For now
10 css 2390.81kb 11.37s
16 js 1297.97kb 10.78s
63 images 836.62kb 16.03s
2 html 202.84kb 11.96s
I hope so？
2 css 200.81kb
4 js 100.97kb
63 images 836.62kb
2 html 202.84kb
Hi,
Please provide a link to take a look and try to provide a css solution.
Thanks!
Hi,
You can use pull quotes from Formats – http://screencast.com/t/prNlLXy28u and you can change the font style and size from Theme Fonts – http://screencast.com/t/ohhSj8hWTimd also the text will take theme accent color – http://screencast.com/t/KMo00zjO
If you want to change that color you can use custom css in Theme Panel > Custom Css – http://screencast.com/t/pIdgFFkR
.td-post-content blockquote p {
color: #b7b7b7;
}
Thanks!
Hi,
Sorry for delay, we answer to the most oldest topics and because you’ve added a new replie we missed your post!
I’m not sure what you have changed in td_css_generator.php file, it creates a css code for your when you make some changes in Theme Panel.
If you want to remove that margin you can try to paste your css code in Custom Css from Theme Panel – http://screencast.com/t/Li0BywZuKEwQ please try this:
.td-header-style-1 .td-header-sp-recs {
margin-bottom: 0px !important;
}
Or provide your site url so we can take a look and provide an accurate solution.
Hope this helps!
We use Newsmag to run a magazine but only need post dates to be shown in the news category. Is there a simpel way to filter this? Custom CSS?
Thanks a lot.
Hi,
You can remove modal for content images from tagdiv_theme.js – http://screencast.com/t/7BtEFPmGu7
Also you you want to hide only the arrows an the image can be opened in the lightbox, you can use this custom css to hide them:
.mfp-container button.mfp-arrow {
display: none;
}
Or remove the arrows from the code – http://screencast.com/t/EHzDGcCHCL
Thanks!
Hi,
Please remove also the margin bottom there – http://screencast.com/t/zvNJMr7RQL
#sola_nl_title h3 {
margin-bottom: 0px !important;
}
1. You have an option and you can choose what articles should be displayed on more article box – http://screencast.com/t/W3s9EShy
2. You can use Style 4 for each Big Grid – http://screencast.com/t/9rTVSf4G2e6 – http://screencast.com/t/XnBppWJqpRx
Or you can use this custom css to remove gradient background – http://screencast.com/t/aAxd2Exku but it wont look nice if you have white background images.
.td_block_big_grid_2.td-grid-style-1 .td-module-thumb a:last-child:before {
display: none;
}
Thanks!
Hi,
You still have these errors in the console – http://screencast.com/t/w4N9ecUi and affect ajax pagination, search… all elements which use ajax requests. Please deactivate all plugins, leave just Visual Composer active, clear cache and purge your files, then check if you still have this issue. Also disable any css/ js minifications. Please also check your page source and see if css/js minification is removed.
Thanks!
Hi,
The Sign in/Register widget is available only for Top Menu, if you want to place it on the main menu you will need custom work and unfortunately we cannot provide any type of custom work at this time. You can find the Sign code in top-menu.php file and you can try to use this also in the header-menu.php for example, like search is used – http://screencast.com/t/je4xh2Sj6d you will need additional css customizations, I suggest to hire a freelancer if you don’t have basic php/html/css experience.
Thanks!
Hi,
Sorry for delay!
I have checked your page on Mac and using the code directly in a text block it will take the full width of the ad, there is a inline css for your ad and the theme doesn’t control that. Like you can see the ad is displayed sometimes at 700px – http://screencast.com/t/HOT8bmNhp this depends how google send you the ad.
A solution to control width is paste your adsense code in a custom ad from Theme Panel and use shortcodes to display it:
*take the shortcode from a page – http://screencast.com/t/IsYHmhGp – http://screencast.com/t/JtnTkMYw9TR
*use this shortcode in text block – http://screencast.com/t/a5UwshoL
*you can control the size from Theme Panel if it need – http://screencast.com/t/ElxojmQJkVt
Thanks!
Hi,
The links take the theme accent color and unfortunately for hover color you will need to use custom css like @Steven suggested. Also you can change the link color manually when you write an article – http://screencast.com/t/Q4591VkK
For the moment it will not be another option for link’s color, sorry!
Thanks!
Thanks Marius
I have resolved the issues of blocking Google Fonts but still having a hard time configuring blocking script (Wp Ad System) and 2 blocking CSS resources (Js_Composer & Style.css).
Kindly advise if the two CSS resources can be optimized with affecting styling of the site.
Kindly help regarding blocking Javascript.
https://www.dropbox.com/s/50uqstwun1u74n6/Screenshot%202015-06-30%2008.57.16.png?dl=0
https://www.dropbox.com/s/8bsycipt3souyo0/Screenshot%202015-06-30%2008.59.41.png?dl=0
Well, you’re not “Fixing” anything, you’re customizing things.
Here’s what you can do. Mind you, these are only steps and locations; you need to know how to use CSS and HTML to actually perform the changes:
Adding WhatsApp & Removing Pinterest: The code for the default sharing blocks are in newspaper/includes/modules/td-module-single.php and there are two sections, one for above and one for below the post. They’re just links added to a variable so remove what you don’t need or change it as needed.
I wanted to add Reddit and remove Pinterest so I deleted the Pinterest blocks from both, created a td-social-reddit class for the background color, and changed the icon in the <i> element to td-icon-reddit and added the styles to the Custom CSS panel in the theme settings (to avoid overwriting on updates).
If the WhatsApp button uses a share URL and not a javascript function, it’s simple enough to copy the Google Plus button code in each location and adjust the URL in it and even add variables to it like I did with Reddit (See example on my site: Single post on my site showing the sharing buttons with Reddit and no Pinterest)
Please note that the default sharing buttons in that file all include some javascript inside of <script></script> tags within the chunk of code. This is primarily for handling the popup behavior of each link. Removing it or using your own JS without such a function will make clicking the share link open in the current full browser window, taking users away from your site.
Adding Pinterest to Images: There are several free and premium plugins that handle this. I suggest you implement one of them after removing the default Pinterest share button as described above.
These aren’t difficult changes to make, though. If you’re familiar with coding then it should be self-explanatory how to complete the steps above. Good luck!
I have attempted what you said but nothing’s happening… maybe I am doing something wrong. Would you be able to enter the correct CSS for each template and I can edit and change the values.
Where do I send login details?
Hi thanks for the code.
But instead of using custom css, I changed the file header-style-6.php to use css for header style 1.
Since it is similar style with top menu, logo and ad.
It works better than custom css.
<div class="td-header-wrap td-header-style-1">
Hi,
Add this code: http://pastebin.com/48TQttc7 like here: http://screencast.com/t/PWNVKxOhnTj
Use this CSS, add it in Theme Panel -> Custom CSS
.my-next-button {
text-align: center;
}
.my-next-button a {
background-color: #222;
color: #fff;
padding: 7px 16px;
border-radius: 3px;
margin: 20px 0;
display: inline-block;
}
Buna,
Am scris referitor la acel spatiu mai sus: http://screencast.com/t/fXMUgVmSc
Spatiul acesta: http://screencast.com/t/XAEVPYJ0P vine de la o margine top si bottom din headline-ul adaugat de tine. Poti folosi css cusotm pentru a o inlatura, insa iti sugerez intai sa adaugi o clasa unica la acel h1 si sa te folosesti de ea pentru a seta marginile top si botm la 0 folosind css cusotm: http://screencast.com/t/jDA4gQtXN7
Mersi
Hi,
Newspaper 6 should be regarded like a new theme, as the theme was practically rewritten. You can check our demo and see what features were added like smart sidebar(sticky), smart lists, more modules/blocks more Big Grid blocks(not only Big Slider like in version 4) – http://demo.tagdiv.com/newspaper/
Also all Visual Composer elements are supported, there is an issue in old version of the theme, many Visual Composer elements are not compatible and are disabled from functions – http://screencast.com/t/tMq0cVUE
It is compatible with bbpress(there are not any customization, use full plugin) and woocommerce you can check in our demo how forum and shop look. Please note that if you update the files modifications and custom css will not work in new version and you need to customize it again.
Please use this guide if you want to update – https://forum.tagdiv.com/how-to-update-the-theme-2/ and make a full backup before.
Thanks!
Hi
You can use custom css and change it just on homepage, like this: http://screencast.com/t/OirdzwkLn
Use the one below and change the color as you wish:
.home .td-header-border:before {
background-color: #EC4D89;
}
If you need it on other pages please let me know and provide more details.
Thanks.
Hi
You must change this file: header-style-6.php and add this line of code
here: http://screencast.com/t/dcODceCWu6o After that add this custom css
.td-header-style-6 .td-top-menu-full .td-header-sp-top-menu{
width:70%;
}
.td-social-icon-wrap i{
color:white;
}
here http://screencast.com/t/iyHdJzrZn
The header will look like here: http://screencast.com/t/v98AuEEPiYW
Thanks!
Hi,
I think that you have this error because of your custom share button for “Email This”-http://screencast.com/t/mfoXRXFr7nt please search in Custom Css section change to this url – http://screencast.com/t/0l1gaMbNMDdP
https://tribyoot.org/Tribyoot/wp-content/themes/Newspaper/images/header/elements-menu.png
Thanks!
Hello Marius,
I tried to apply this css code you indicated, but there were no improvements in display issue.
If you have any tips for me to try, please tell me!
Thank you!
