- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
The theme doesn’t have an option for this but you could achieve it via custom css. I suggest you to inspect the page target and apply the css from below with the background: transparent; property to the container you want. Also note that the theme wasn’t designed to be used with a transparent background so you might need to need additional customization to it if you decide to use a transparent background: http://screencast.com/t/VC8ObNbrWRu
.td-page-wrap {
background-color: transparent;
}
I suggest you find someone to do this customization for you if you don’t have html/css knowledge as this is custom work and we cannot provide it at this time because we work hard on development, fixes, updates and support and the time doesn’t allow us.
Thanks
Hi,
This usually happens when you use many menu items or with long names. You can reduce their font size/ the padding from left and/or right to make them stay on one line and you can do this via custom css. To target the tablets screen view in landscape or portrait you can use this css snippets:
* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
add your css code here..
...this will affect just the tablets on portrait view..
}
/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1200px) {
add your css code here..
...this will affect just the tablets on landscape view..
}
You can also follow this tread to see how this was doe for a particular case: https://forum.tagdiv.com/topic/menu-resize-tablet/
Thanks
Hi,
Try this css and adjust the height as you like it: http://screencast.com/t/rtKBYgS5uq
.iosSlider-col-1, .iosSlider-col-1 .item {
height: 191px !important
}
Thanks
Hi,
That is Homepage title you can hide it with css in Theme Panel > Custom Css: http://screencast.com/t/jOGJ6uI5303D
.home .td-page-title{
display: none;
}
Also if you don’t want to display Breadcrumbs on entire site you can disable it from Theme Panel > Post Settings > Breadcrumbs: http://screencast.com/t/LY2hJN7T3MAE
Result: http://screencast.com/t/vCgV2Iwni
Or if you want to hide only on Homepage you can use css code: http://screencast.com/t/jOGJ6uI5303D
.home .entry-crumbs{
display: none;
}
Thanks!
I’m using a plugin that adds some css effects to text dynamically but it needs a css class to add these effects. I would like to try these effects on Block Quote but I can’t find what CSS class it uses. Can you please let me know what it is?
Salut,
1. Playlist-ul functioneaza, l-am testat folosdine ultima versiune a temi si nu am gasit nici o problema. Daca ai folosit codul de playlist asa cum ai mentionat mai sus: PLZmJSg6GtjpdtY32aRfC06WebzQGxDVVG inseamna ca nu iti merge pentru ca nu ai adaugat corect codurile video-urilor, ele trebuie sa fie cu “virgula” intre ele, in felul urmator: PLZmJSg6Gtjpd, GtjpdtY32aRf, WebzQGxDVVG
Poti folosi si documentatia nostra pentru a afla cum se configureaza corect: https://forum.tagdiv.com/video-playlist/
3. Poti folosi urmatorul css pentru a face logo-ul sa arate bine pe mobile: http://screencast.com/t/RVcAR9FJ
@media (max-width: 767px){
.mobile-logo-wrap img {
top:0px!important;
}
}
4. Unele ID’uri pot lipsi din cauza ca script’urile sau stylesheet’urile lor au fost incarcate dupa ce functia a fost executata iar pentru a prevenii asta poti adauga functiei parametrul $priority pentru a fii executata mai tarziu: http://screencast.com/t/7fhfjttAT8
Poti citi mai multe aici: http://codex.wordpress.org/Function_Reference/add_action
Deasemenea poti gasi mai multe informatii despre cum sa iti imbunatatesti viteza site-ului urmarind acest tread: https://forum.tagdiv.com/topic/pagespeed/
Iti sugerez sa urmaresti si recomandarile celor de la google: https://developers.google.com/speed/docs/insights/BlockingJS ..pentru fiecare problema.
6. In ceea ce priveste forumurile e nevoie sa adaugi reclamele direct in sablonul(template-ul) pentru pagina de forum, categorii s.a.m.d
Pentru paginile de tag-uri sau categorii e nevoie sa editezi fisierul loop.php si sa adugi codoul pentru reclama, poti urmarii acest topic pentru asta: https://forum.tagdiv.com/topic/how-to-add-ads-in-category-pages/#post-21940
Multumesc!
Hi,
Thanks, but I don’t want to have another font style for the smart list. I want that the smart list font size is the same than the post font size. Because it is not now. Smart list font size is smaller than normal text font size… I have set post content size to 16px but that don’t work for the smart list text.
Do I have to do that with CSS?
Thanks
Hi,
Here it is display on mobile: http://screencast.com/t/QqpRL0RKX
On tablet view I found a issue: http://screencast.com/t/2sVRlecUd
But is solved by this css code: http://screencast.com/t/3ZFKr5WEG6o
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product:nth-child(5) {
clear: both !important;
}
Thanks!
Hi,
When using the image banner ads (div’s from the ads guide/documentation: https://forum.tagdiv.com/ads-system-full-guide/) all those divs will be loaded on page an just the div for the corresponding screen size(mobile/tablet/desktop) will be displayed, the other 2 will be hidden via css.
Thanks
Hi,
@felizubi
You can also adjust it via css, like this: http://screencast.com/t/OM6WaMVyO
@media (min-width: 768px) and (max-width: 1023px) {
.td-post-content p iframe {
max-width: 100% !important;
}
}
Thanks
Hi,
I also tested this, but I can’t reproduce the issue: http://screencast.com/t/1ez7wZS96
I think this issue is caused by Homepage Post, we will investigate this.
Please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/PuwYTmdPO5
.sf-menu > .current-menu-item > a{
background-color: transparent;
color: #ffffff;
}
.sf-menu > li > a:hover, .sf-menu > .sfHover > a{
background-color: white;
color: #000000;
z-index: 999;
}
Result: http://screencast.com/t/o2mCuVmWyH
Thanks!
Hi,
For the sidebar slider use this css: http://screencast.com/t/vG8bb73jS
Adjust it as you like.
.td_normal_slide .iosSlider-col-1 .td-sbig-title {
font-size: 15px;
line-height: 15px;
}
Thanks
Hi,
Fonts for smart list can be changed like fonts for post content from Theme Panel > Theme Fonts > Post Content: http://screencast.com/t/rGAzzMma
Result: http://screencast.com/t/39tZYusE
Also if you don’t want to use post content fonts, you can use custom css to change it: http://screencast.com/t/eKJaGmfUWpMp
.td-sml1-description p{
font-family: Ubuntu !important;
font-size: 9px;
}
Thanks!
I just tried this fix and it completely broke my site somehow! I even reverted right back to my old custom CSS and it is still broken.. see screenshot below:
https://www.dropbox.com/s/kwu5npbvp203izi/nope.png?dl=0
Please help!!
Hello,
Can you please explain how the ads system loads ad images? I’m trying to get an accurate count of ad views and impressions.
When I use your <div> and the theme’s CSS manages the three ad placements for desktop, tablet and phone; it appears that all three ads are loaded for any visitor? Is this true? because I would need to divide all my ad statistics by 3 to get the true ad impression number.
When I use AdRotate to display the ad/track views I want it to show the right size ad, but not count extra ads if they are not being “seen” by the visitor.
Any help, insight, would be much appreciated. Thank you.
Alin, thanks for the reply. I did figure out that the widget heading was related to the theme color but thank you for the CSS for the widget text.
About the list format. Here is a screenshot from the Visual side of the editor: https://s3-us-west-2.amazonaws.com/vbjusa/temp/listerror.png
Here is a screenshot from the text side of the editor: https://s3-us-west-2.amazonaws.com/vbjusa/temp/listerror2.png
Unrelated to the list I am seeing that after the update the image in the top block no longer fills the space: https://s3-us-west-2.amazonaws.com/vbjusa/temp/picnotfillingspace.png
Thanks for you help!
Hi,
There’s a margin and some padding after that element – http://screencast.com/t/MCL8j9RQO
Try the following css: – http://screencast.com/t/4cOPF4B7k
.td-page-wrap .td-grid-wrap .span8 .td_block6 .td_mod9 {
margin-bottom: 0px;
}
.td-page-wrap .td-grid-wrap .span8 .td_block6 {
padding-bottom: 0px;
}
Thank you, Emil G.
-
This reply was modified 11 years by
Emil G.
Hi,
We have this on our todo list and will be an option to disable it.
You can also comment this line till then: http://screencast.com/t/bdxqGsw0
And use this css: http://screencast.com/t/ZkjIYIy9
.td-related-title .td-related-left{
border-radius: 3px;
}
Thanks!
Hi,
1. For 2 columns slider you can doit using custom css:
.td_normal_slide .iosSlider-col-2 .td-sbig-title {
font-size: 20px;
line-height: 22px;
}
Result – http://screencast.com/t/BMsGEcTWQaLM
2. The 1 col slider height it’s harder to change, it requires modifications on the css and the thumb used – http://screencast.com/t/8gQPIBTuwur8
You could use the browser inspector to check for the current css and modify it, if you don’t know how to doit i suggest that you hire a professional developer to modify it for you.
Thank you, Emil G.
Hi,
I have checked your site and found that the Text widget title take the theme color, but the others blocks from sidebar are not:
Text Widget: http://screencast.com/t/wIlXDpYb
Block from sidebar: http://screencast.com/t/t5FwWF9w2q
Unfortunately the Text widget can’t be customize from settings like the block, but you can use customize it with css code in Theme Panel > Custom css : http://screencast.com/t/xLM4mDUxQiMp
.widget.widget_text .block-title span{
background-color: #000000 !important;
}
.widget.widget_text .block-title{
border-color: #000000 !important;
}
Result: http://screencast.com/t/fMx6OmeqSKU
About list format could you provide more details about the issue? Maybe a screenshot.
Hope this helps!
I was looking to disable more from author, not hide it with css. That doesnt disable the media queries, based on that solution.
iN THE THEME OPTIONS POST PAGE SIMILAR POSTS YOU HAVE THREE OPTIONS
by category
by tag
by author
Is it possible to add similar posts by Ramdom last 7 days? where and how I can change it with css?
thanks
Hi, might be annoying question, but is there a cheat sheet anywhere of the pre-existing Boostrap classes which might have survived all the customizations?
E.g., Bootstrap 3 table classes? Color classes?
Normally I don’t need to deal with that for the “magazine” site, but for my ecom system I need to make a table on front page for our services for quick add to cart “chart”, and it occurred to me it was difficult to determine which classes were valid due to mix of CSS, LESS stuff. Newspaper 1.0 was pretty simple, Newsmag not as much, in this regard.
For example, to make red, or blue text in Bootstrap, the classes are easy to use; similarly the table classes have the striped, responsive options.
Also, any icon set being used, such as glyphs from Bootstrap, or a icon set list for your custom version of Fontawesome?
For instance, simply adding a shopping cart icon span manually on a custom table layout for a button, the built in Bootstrap buttons, colors, and FA cart class would be super helpful.
Seems dumb for me to hook a new version of Fontawesome to the theme since your font is being loaded, but not clear what icons are included in your version? (I guess I could open the TTF and print a spec sheet …. but that would be good to have for the theme docs, especially if Newsmag 1.6 will share some “conceptual” elements for Newspaper 5).
Basically, need to create responsive table with 5 columns, add to cart buttons and shopping cart icons on buttons, and be able to set some text red and some blue — all of that would take short time in Bootstrap (e.g., the active, info, warning, table-condensed, table-responsive classes); but not certain what of those classes carried over to the theme? Hence my query.
So, guess I’m looking for a Bootstrap 3 cheat sheet of what basic CSS elements survived, and a specimen sheet for the built in font/icons/glyphs, is such exists.
Trying to avoid ever using “shortcodes” which are against my religion, not being theme agnostic 🙂
Thanks, as ever!
Hi tagdiv team,
How can I use the meta description as post excerpt in front page and category page? If possible, what’s the code to put in custom css? Thank you.
Ah excellent! I just realized your first message listed for top and I was trying to hide inline 🙂 works now. Thank you Alin. Do you recommend any plugin that allows for me to insert CSS directly when creating a post compatible with your theme? No biggie just a thought.