Hi,
Your website seems to be in maintenance or having problems from what I can see
– https://www.screencast.com/t/cdZVtBSWAD0W
There could be a solution for that with CSS, but the website will have to be displayed properly before trying it.
Thanks
Hi,
You can style the blockquotes using theme options
– https://demo.tagdiv.com/newspaper/blockquotes-pullquotes/
– https://forum.tagdiv.com/post-formats-for-tinymce/
Font properties of the blockquotes can be changed in the theme panel as well
– https://www.screencast.com/t/r1yG8Qu5
You could even set a color and background color while creating the quote
– https://www.screencast.com/t/7clZ0lI9euh
Only then if you require additional customization you would need to use CSS. Use the browser inspector to identify the elements and create or adapt the code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hello,
It could be that the color picker plugin is simply not supported by our speed booster plugin. That is why it had the compatibility function included in the first place. it was only tested with those particular plugins. Other plugins than that could not work properly. Unfortunately we cannot guarantee speedbooster will move untested plugins css or js.
Thank you for your understanding
Thank you for your answer.
It does work within the text element.
Is there any CSS in order to make it work with the Single Image box?
Hi,
Changing the whole menu design would require customization, but it would be based on the same functionality. You could make modifications to it with CSS, and change the appearance. Use the browser inspector in order to do this
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
For example such a code will add similar borders
– https://www.screencast.com/t/Utj1xs2C
.td-mobile-main-menu .menu-item {
border-bottom: 1px solid black;
}
.td-mobile-main-menu .td-icon-menu-right {
border-top: 1px solid black;
}
You can further customize the menu as you wish.
Thanks
hi
I have added below codes into the “Custom CSS” but it doesn’t work…
———————————————————
blockquote {
position: relative;
padding: 10px 15px 10px 50px;
box-sizing: border-box;
font-style: italic;
background: #efefef;
color: #555;
}
blockquote:before{
display: inline-block;
position: absolute;
top: 10px;
left: -3px;
vertical-align: middle;
content: ““”;
font-family: sans-serif;
color: #cfcfcf;
font-size: 90px;
line-height: 1;
}
blockquote p {
padding: 0;
margin: 10px 0;
line-height: 1.7;
}
blockquote cite {
display: block;
text-align: right;
color: #888888;
font-size: 15px;
}
———————————————————
What do I need to change??
Hello,
Sorry but we do not have any official method to minify css and js.
For minifying css, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
Thank you!
Please check your system status screen and see if speedbooster has not been disabled . Unfortunatly it cannot move every js and css for plugins. by default it has a compatibility functuion that can be removed but we cannot guarantee it will move all of the js and css to the footer.
Please check this topic: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
Thanks.
Hi,
It seems to direct to Facebook at the moment
– https://www.screencast.com/t/wS1wIn07D5o
– https://www.screencast.com/t/ZelG2uU5dGq
If the link to the account is entered properly in the theme panel social networks field, there should be no problems.
That is the footer menu, you can create your own menu and set it in the theme panel
– https://www.screencast.com/t/yQxwFSww4
I could give you a code to increase the top padding on the logo tagline, for mobile. Try entering this code in Theme panel->Custom code->Advanced CSS in the phones section
.td-logo-text-container .td-tagline-text {
padding-top: 10px;
padding-bottom: 2px;
}
Thanks
This is the default implementation of the theme. Please check this article: https://demo.tagdiv.com/newspaper/wordpress-news-magazine-charts-the-most-fashionable-new-york-couples-in-2016/ Check the smaller image with a girl on her phone: https://www.screencast.com/t/EihrWT7Q9c
It is an image aligned left but on smaller screens it becomes centered: https://www.screencast.com/t/TsCKc4fJXv
Please remove your custom css and leave the theme on default.
Thank you!
Hi Simion, I just love the element on newspaper black theme but what is the css code to change the background and post content body to white?
Please help, thank you
Hi,
@BruceInLouisville
1. If the page contains no page builder elements (blocks, grids etc) regardless of composer used, the page title will be displayed. The page title will appear if the page contains content added through the default MCE editor.
A solution would be to enter this code in Theme panel->Custom CSS when using default page template
.page-template-default .td-page-title{
display:none;
}
2. You could target specific pages with the actual CSS code. So for example you would like to remove the page title on one specific page, with the code mentioned above
– https://www.screencast.com/t/OCrsCnUuJ13s
– https://www.screencast.com/t/187t2cwS5
@pildat
The author can be removed for pages in block settings
– https://www.screencast.com/t/H70ufYfxy
And for posts in post settings
– https://www.screencast.com/t/3D0eMOXyxqZ
Thanks
Thank you so much for you reply Simion. I can agree with you that third line may be a trending now element, but in my particular case I would surely like to have a third menu line. Please tell me how to do that via css?
http://pildat.org/masthead.jpg
As you can see in the link that our graphics designer has sent, we need exactly three menus in our header. Please tell me how to do this via code, which I will modify myself to suit our needs.
Thank you
Is there any support for Minify CSS and Javascript?
I could not find this among your page speed documentation options.
Thanks
Hi, I have exactly the same problem. The “Single image” isn’ t responsive.
The above CSS code didn’t make any difference.
Could you please help?
Thank you.
Nothing since to have change after the implementation. Google is still telling me to render the color picker.
What should I do?
/**
* here we move the css
*/
function css_mover() {
//if ($this->td_theme_name == ‘Newspaper’) { }
// wp 011 – Newspaper 6
$this->move_style_to_footer_queue(‘bbp-default-bbpress’); //bbpress old
$this->move_style_to_footer_queue(‘bbp-default’); // bbpress
$this->move_style_to_footer_queue(‘contact-form-7’);
$this->move_style_to_footer_queue(‘wp-color-picker‘);
if ($this->is_ie === false) {
// move style.css theme style
$this->move_style_to_footer_queue(‘js_composer_front’);
$this->move_style_to_footer_queue(‘td-theme’); //this is the main style of the theme. It’s only moved on Newspaper 6!
$this->move_style_to_footer_queue(‘td-theme-woo’); //this is the main style of the theme. It’s only moved on Newspaper 6!
}
-
This reply was modified 8 years by
pstgibson.
You might try adding the css to your site, and then try applying the class to a form input box to see if it works, then go from there.
Theme isn’t using ‘bootstrap’ – so might not work with this theme.
So, two follow-up questions:
1. I’m using the default page template, but NOT the tagdiv composer. I am getting a page title. I assume that is because I am not using the tagdiv composer?
2. Is there a place on the page, or a way, to add CSS to just this page? I’ve seen that in other themes, but cannot find it for this one.
Thanks!
Hi I have purchased your theme and implemented it on my website,but I want to know one thing.
Instead of two menu lines, I would like to have three menus in the header. Can you please let me know how can I customize it?
You can check out what I am talking about with reference to this website.
https://www.brookings.edu/
As you can see on the above mentioned website, the header has three different lines of Menu. I want to make the same 3 lines but with different color scheme. Please let me know how to do this by CSS?
Thanks. An early response in this regard would be highly appreciated.
What is the css code that I would use to make all pictures appear centered with no wrapped text on mobile devices while keeping the wrapped text on the desktop?
Thanks!
I am working on my site speed.
I need your assistance on an issue below:
Kindly help me highlight the “File ID” from the the css and js file below (My confusion is coming from one plugin appearing multiple times.)
registered scripts
jquery |
admin-bar | /wp-includes/js/admin-bar.min.js
jquery-np-cookie | https://warrimarket.com/wp-content/plugins/arscode-ninja-popups/js/jquery.ck.min.js
js-ninjapopups | https://warrimarket.com/wp-content/plugins/arscode-ninja-popups/js/ninjapopups.min.js
fancybox2 | https://warrimarket.com/wp-content/plugins/arscode-ninja-popups/fancybox2/jquery.fancybox.min.js
apsl-frontend-js | https://warrimarket.com/wp-content/plugins/accesspress-social-login-lite/js/frontend.js
contact-form-7 | https://warrimarket.com/wp-content/plugins/contact-form-7/includes/js/scripts.js
tp-tools | https://warrimarket.com/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.tools.min.js
revmin | https://warrimarket.com/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.revolution.min.js
woocommerce | //warrimarket.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js
wc-cart-fragments | //warrimarket.com/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js
jquery-ui-core | /wp-includes/js/jquery/ui/core.min.js
jquery-effects-core | /wp-includes/js/jquery/ui/effect.min.js
jquery-effects-shake | /wp-includes/js/jquery/ui/effect-shake.min.js
wppas_dummy_advertising | https://warrimarket.com/wp-content/plugins/wppas/templates/js/advertising.js
wppas_asyncjs | https://warrimarket.com/wp-admin/admin-ajax.php?action=wppas_asyncjs
WPPAS_VBC | https://warrimarket.com/wp-content/plugins/wppas/public/assets/js/vbc/jquery.wppas.vbc.js
WPPAS_VBC_EF | https://warrimarket.com/wp-content/plugins/wppas/public/assets/js/vbc/jquery-ui-effects.min.js
vc_woocommerce-add-to-cart-js | https://warrimarket.com/wp-content/plugins/js_composer/assets/js/vendors/woocommerce-add-to-cart.js
td-site-min | https://warrimarket.com/wp-content/themes/Newspaper/js/tagdiv_theme.min.js
comment-reply | /wp-includes/js/comment-reply.min.js
jquery-ui-dialog | /wp-includes/js/jquery/ui/dialog.min.js
jquery-ui-draggable | /wp-includes/js/jquery/ui/draggable.min.js
w2dc_js_functions | https://warrimarket.com/wp-content/plugins/codecanyon-6463373-web-20-directory-plugin-for-wordpress/resources/js/js_functions.js
w2dc_rater | https://warrimarket.com/wp-content/plugins/codecanyon-6463373-web-20-directory-plugin-for-wordpress/addons/w2dc_ratings/resources/js/jquery.rater.js
the_champ_ss_general_scripts | https://warrimarket.com/wp-content/plugins/super-socializer/js/front/social_login/general.js
the_champ_fb_sdk | https://warrimarket.com/wp-content/plugins/super-socializer/js/front/facebook/sdk.js
the_champ_fb_commenting | https://warrimarket.com/wp-content/plugins/super-socializer/js/front/facebook/commenting.js
the_champ_share_counts | https://warrimarket.com/wp-content/plugins/super-socializer/js/front/sharing/sharing.js
jquery-ui-slider | /wp-includes/js/jquery/ui/slider.min.js
jquery-touch-punch | /wp-includes/js/jquery/jquery.ui.touch-punch.js
registered styles
wp-color-picker | /wp-admin/css/color-picker.min.css
admin-bar | /wp-includes/css/admin-bar.min.css
snp_styles_reset | https://warrimarket.com/wp-content/plugins/arscode-ninja-popups/themes/reset.min.css
fancybox2 | https://warrimarket.com/wp-content/plugins/arscode-ninja-popups/fancybox2/jquery.fancybox.min.css
snp_styles_theme2 | https://warrimarket.com/wp-content/plugins/arscode-ninja-popups/themes/theme2/css/style.css
fontawsome-css | https://warrimarket.com/wp-content/plugins/accesspress-social-login-lite/css/font-awesome/font-awesome.min.css
apsl-frontend-css | https://warrimarket.com/wp-content/plugins/accesspress-social-login-lite/css/frontend.css
contact-form-7 | https://warrimarket.com/wp-content/plugins/contact-form-7/includes/css/styles.css
rs-plugin-settings | https://warrimarket.com/wp-content/plugins/revslider/public/assets/css/settings.css
woocommerce-layout | //warrimarket.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css
woocommerce-smallscreen | //warrimarket.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css
woocommerce-general | //warrimarket.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css
WPPAS_VBC_BNR_STYLE | https://warrimarket.com/wp-content/plugins/wppas/public/assets/css/vbc/wppas_vbc_bnr.css
yoast-seo-adminbar | https://warrimarket.com/wp-content/plugins/wordpress-seo/css/adminbar-490.min.css
google-fonts-style | https://fonts.googleapis.com/css?family=Open+Sans:300italic,400,400italic,600,600italic,700|Roboto:300,400,400italic,500,500italic,700,900
w2dc_bootstrap | https://warrimarket.com/wp-content/plugins/codecanyon-6463373-web-20-directory-plugin-for-wordpress/resources/css/bootstrap.css
w2dc_frontend | https://warrimarket.com/wp-content/plugins/codecanyon-6463373-web-20-directory-plugin-for-wordpress/resources/css/frontend.css
w2dc_font_awesome | https://warrimarket.com/wp-content/plugins/codecanyon-6463373-web-20-directory-plugin-for-wordpress/resources/css/font-awesome.css
w2dc-dynamic-css | https://warrimarket.com/wp-content/uploads/w2dc-plugin.css
w2dc-jquery-ui-style | //ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/redmond/jquery-ui.css
w2dc_listings_slider | https://warrimarket.com/wp-content/plugins/codecanyon-6463373-web-20-directory-plugin-for-wordpress/resources/css/bxslider/jquery.bxslider.css
w2dc_fsubmit | https://warrimarket.com/wp-content/plugins/codecanyon-6463373-web-20-directory-plugin-for-wordpress/addons/w2dc_fsubmit/resources/css/submitlisting.css
w2dc_rater | https://warrimarket.com/wp-content/plugins/codecanyon-6463373-web-20-directory-plugin-for-wordpress/addons/w2dc_ratings/resources/css/rater.css
the_champ_frontend_css | https://warrimarket.com/wp-content/plugins/super-socializer/css/front.css
js_composer_front | https://warrimarket.com/wp-content/plugins/js_composer/assets/css/js_composer.min.css
td-theme | https://warrimarket.com/wp-content/themes/Newspaper/style.css
td-theme-woo | https://warrimarket.com/wp-content/themes/Newspaper/style-woocommerce.css
td-theme-demo-style | https://warrimarket.com/wp-content/themes/Newspaper/includes/demos/local_news/demo_style.css
soccer-info-front | https://warrimarket.com/wp-content/plugins/soccer-info/css/soccer-info-front.css
Hi,
You must enter the code you used in Theme panel custom CSS, in the mobile theme custom CSS as well. The mobile theme has it’s own custom code section
– https://www.screencast.com/t/hVHthSBGR
Then it will surely work
– https://www.screencast.com/t/5yaeMXTCJ6Eu
– https://www.screencast.com/t/B3ZoHpkfy
Thanks
I just figure ther are so many times you guys hand out custom css why not put it all in one place. Then people like me might find useful pieces and you guys save time.
Hi,
It seems there is a fixed width and height set for the ad container, that is not recommended as it can cause issues like that
– https://www.screencast.com/t/s8LNdme2x
On mobile it looks like this
– https://www.screencast.com/t/lkUM7jEi
A solution would be to enter this code in Theme panel->Custom CSS and it should fix the situation
– https://www.screencast.com/t/qohpS8d5R
– https://www.screencast.com/t/TmSNjHIM3j
.wppaszone {
width: 100%!important;
height: auto!important;
}
Thanks
Hello,
Inserting custom css in the theme panel will have no effect on wp updates.
As for the image issue, css does not have an automatic image size detect. sorry. The best choice would be a compromise and have all image align center on screens smaller than 500 px and not have text wrap around any image on mobile as it was originally.
Thank you!