- 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
Hello mskeshia,
You should use the code below and place it in Theme panel->Custom CSS area.
The code is ->
@media (max-width: 767px){
.td-header-top-menu-full, .td-header-sp-top-menu {
display: block!important;
}
}
Notice that after this code is needed for some additional customizations if you want to bring best results. You should do it yourself because all of these involves custom work and we cannot provide this type of services at the moment, sorry!
Thanks for the message!
Hello saucemonsters,
The post view count is off for public? Do you have hidden with CSS? Please notice that the post view option should have to be enabled if you want that your Popular 7 Days to work as expected. If is not active, the theme does not know what type of posts are popular (most viewed) if the post view counter is inactive, sorry!
Clear all your caches, purge CDN files and check the results.
Thanks for your understanding!
Hello saucemonsters,
If you want to make these changes, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.
.wpb_widgetised_column .td_block_5 .block-title > span{
background-color: green;
font-size:15px;
}
The result is here -> https://www.screencast.com/t/2UX2XH2w
Thanks for the message!
Salutare,
I’ve uploaded my custom fonts (Open Sans Light, Regular etc – using .woff2 file types) and switched all the fonts in the Theme Panel > Theme Fonts from Default to Open Sans Light. All good on most of the elements, blocks etc BUT I still have several elements within the website that still use the default hard-coded fonts (Roboto, default Open Sans, Verdana etc) and in most cases they are loaded from fonts.google which is a BIG PROBLEM if you want to get rid of the external css/js for website optimization.
I’ve searched this forum for similar topics and I found a few answers but no actual “good” solutions to my questions below; if there is a solution please let me know:
1. If you upload a custom font and you choose it as a default Body font in Body – General Font why do I still have other fonts throughout the entire website? Isn’t the smart choice to use the font defined there as a default font for the entire website? Why use hard-coded fonts everywhere – meaning that I need to amend each and every element’s CSS to get font consistency throughout the website.
2. Is there a GLOBAL way to get rid of the default Google or hard-coded fonts for the elements that don’t have font selection options within the theme panel? I found this option but that means I need to amend the main theme and I don’t want to touch that since I’m using a child theme.
3. Is there a way to properly tap into a theme’s hook for the default fonts, to change it from a child theme? I’m asking this because in the Documentation you clearly recommend NOT to use theme’s API in a child theme. If there is a proper / secure way then please provide some insight as to how should I do it, what functions to hook to etc.
Thank you!
Hi Catalin
I’m afraid I just can’t get that code to work at all. It works if I just put it in chrome’s ‘inspector’ but when I actually insert it in custom CSS in the theme panel it does nothing.
Here’s a screenshot of my code: https://www.dropbox.com/s/o2fwr22t32gtjdz/Screen%20Shot%202017-02-05%20at%2011.39.17.png?dl=0
I have even tried to add the code to get rid of ‘More From Author’ completely – it has worked on desktop view but still appears on mobile.
Please, can i send you logins so that you can have a look? My client is getting really fed up and I can’t seem to resolve this.
Many thanks
Lauren
Hi,
I’ve created a couple of Pages (using Visual Composer), and am seeing two problems with text in a Text Block. The page is here: http://degnan.blog/michael-degnan/
1) Smaller Text size.
For Pages, the text in numbered (ol) and bulleted (ul) lists is not inheriting the size settings of the “page content” font. Its too small. This is not happening for Posts, where both (ol) and (ul) list items format match the “post content” settings.
I found the List CSS Setting adjustments for Posts in Theme Panel/Theme Fonts/Post Content. There is no similar setting for Lists in T.Panel/T.Fonts/Pages.
Where can I adjust this setting? If its custom CSS code, can you please provide it?
2) (OL) Numbers not showing.
When I use a numbered (ol) list, the numbers for each (li) list item (1.xxx, 2.xxx, 3.xxx, etc.) do not appear. They show in the Visual Composer Text Block settings WYSIWYG editor and on the page layout, but they do not show when the page HTML is rendered in the browser.
Have you seen this before, and how can I correct it?
Thank you
Following your advice, we disabled all plugins and confirmed there was no child theme in use. I left Visual Composer active. I cleared my local browser cache (repeatedly). Then tested the login, and it did NOT work as expected.
When logging in, I noticed only the very first post, on the home page, had an edit button (in the upper-left corner of the first, big, featured image on the Homepage). When I clicked any other post, I observed no edit button displayed on any of them. When I tried to navigate to wp-admin, I was directed to the WordPress login page. It seems the login feature does not fully log a person in?
Question: Can we not include an inline, WordPress driven login, instead of the pop-up window? I’m not a developer, but in the WordPress Core login page code, I can see where it calls the appropriate script to actually log in. In the theme pop-up window, I can see design code (CSS, DIV tags, etc.) but not any reference to the actual login (to WordPress itself) function. I’m assuming it’s wrapped up in some Javascript, Ajax, jQuery, etc. somewhere? Maybe Ajax has an issue with postback (I don’t know)?
Cool, I’ve removed the css from Theme Panel, copied header.php into child theme and commented out lines 17 and 18. Works a treat. Thanks Edward.
-
This reply was modified 9 years by
Daniel Finch.
It’s a little annoying that I cannot add it into my child theme css file.
Seems to only work if I add it in the Theme Panel.
Hello,
Can you tell me if there’s a menu option to hide the menu scroll up icon? If not what’s the css code to do it?
Thanks

Hello thebackpackertravels,
Try the code below and place it in Theme panel->Cusotm CSS area.
The code is ->
.tp-parallax-wrap:last-child{
left:0!important;
}
Thanks for your understanding!
Hello nano2408,
Please try to edit the theme core file style.css and directly add there. It is possible that you above method to not work and that’s why you see nothing changed.
Thanks for the message!
Well css needs to be more specific in order to reqrite another code. Css works in rewrites and in priorities. You can try to add important tags to your code like so:
.page-id-246 .td-header-wrap {
display:none!important;
}
Thanks.
Hello
You can try to use this css:
.vc_gitem-zone-mini .vc_grid-filter-item{
float:left;
clear:both!important;
}
But they will not position as our grids category tags. The top element you use is a theme element and the bottom is a visual composer element. They do not share the same style.
Thank you!
Hi,
If you have used a custom css code to change the colors, that code gets loaded after the default one defined in the theme’s css. Try adding it it directly to the style.css file found in the theme folder, at the very bottom of the code.
Thanks
Hi,
You can do that using this code that applies only in the post page if that is what you want, just enter it in Theme panel->Custom Css
.single .td_social_facebook .td_social_info {
display: none;
}
Result – https://www.screencast.com/t/QTYwFlATd2
Thanks
Hi,
If you tried the theme panel option – https://www.screencast.com/t/yHIW3bvLE and it’s not working try renaming the menu and see if the settings apply. Also you could try this css code to force the text to become uppercase, enter it in Theme panel->Custom Css.
.td_mega_menu_sub_cats {
text-transform: uppercase!important;
}
However it would be very helpful if you coan provide a link to your website to inspect it and see why this is happening.
Thanks
Hello saucemonsters,
Unfortunately, our theme does not have any such an option that allows you a way to add more social sharing buttons, sorry! The all sharing buttons which are available on our theme are here -> https://www.screencast.com/t/4EPu2wsz
So, if you want to hide the Google Plus from Sharing Buttons Area you should use the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-sp-googleplus{
display:none!important;
}
Thanks for your understanding!
Hello saucemonsters,
If you want to change the hover color of your widget area, you should use a bit of CSS code and place it in Theme panel->Custom CSS area.
.widget input[type="submit"]:hover{
background-color: red;
}
The result is here -> https://www.screencast.com/t/W2REGuf5AcR
Thanks for your understanding!
Hi,
You could hide it with css, enter this code in Theme panel->Custom Css
.import_video_ad_bg {
background-color: transparent;
}
Result – https://www.screencast.com/t/1tAsdqV3Sh4B
Thanks
Yes, As I said, it works when I add this to custom CSS, but it doesn’t work if I add it directly at the very bottom of style.css. Here is how I did it:

I am only removing top header, and top navigation with this code:
.page-id-246 .td-header-wrap {
display:none;
}
.page-id-28 .td-header-wrap {
display:none;
}
.page-id-27 .td-header-wrap {
display:none;
}
.vc_separator.vc_separator_align_center h4 { font-size: 30px !important; }
.td-main-content-wrap {
padding-bottom: 0;
}
Yes, I have cleared all cache and everything. Let me know if you want to do further checking.
Thank you.
Yes, As I said, it works when I add this to custom CSS, but it doesn’t work if I add it directly at the very bottom of style.css. Here is how I did it:

I am only removing top header, and top navigation with this code:
.page-id-246 .td-header-wrap {
display:none;
}
.page-id-28 .td-header-wrap {
display:none;
}
.page-id-27 .td-header-wrap {
display:none;
}
.vc_separator.vc_separator_align_center h4 { font-size: 30px !important; }
.td-main-content-wrap {
padding-bottom: 0;
}
Yes, I have cleared all cache and everything. Let me know if you want to do further checking.
Thank you.
Hi,
I would like to use a tag cloud, and have added the base WP “Tag Cloud” widget to your sidebar using the Configurator. I’d like to adjust the default colors for the tags, but am having trouble identifying the specific CSS elements to adjust (I’m not 100% fluent in CSS). I would also like to have this new color match the Theme Accent color.
Two questions:
1. Could you please share the CSS elements that I need to overwrite with custom CSS?
2. What setting should I use to change the Tag bgcolor to inherit the Theme Accent color?
Thank you,
Michael
Hi all, I have a problem, I would like this image to the full page width stretch. A few pixels remain on both sides. Can someone give me a custom CSS? Thank you greeting Olli
Here is the Problem:
http://mallorca.inselleben.es/inhalt/uploads/2017/02/screen.png
Here My Site:
http://mallorca.inselleben.es/die-kathedrale-von-palma/
Here my Backend Info:
http://mallorca.inselleben.es/inhalt/uploads/2017/02/002.png
Tahnk YOu !