- 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,
In order to use the default login of the theme you will have to remove all of the customization added to the theme and to the main menu and simply activate the top bar. There cannot be any login without the site top bar.
As for the css loading in sequences, this is the way that css works. If there are too many rewrites to the original css, it will load slower. If you want to avoid this, you will have to uninstall the demo style, use the default and simply change colors in the thee panel because in your cese the theme grabs the default colors that are rewriten by the demo and are rewritten again by your own customization. You must try to reduce the rewrites to the css as much as possible.
Thank you!
Hi,
Unfortunately this is not tested and there is no implementation for the jetpack comments. It has been a year, yes and you are the only person since then to ask for such a thing. We have many, many requests and we have to pick carefully what we implement in our theme. A request from one person, has a very low priority on our list as you can imagine an international product works. If this request gets popular and more people ask for it, we will implement it in our theme without a doubt, but since there is little to no requests for this, I cannot say for sure…sorry. If you provide a link to your site, I can take a look at the layout and see if there is any quick fix to be added via css.
Thank you for your understanding and sorry for the inconvenience.
Hello,
I will add this to our buglist so we can add the css fix in the future updates. Until then please add this code in the theme panel->custom css:
@media(min-width:767px){
#search-members-form #members_search_submit{
left: 0!important;;
}}
As for the headers, it depends where the header gets it’s style. In this case it’s a buddypress style that affects the header color.
You can use this css code to target ALL block titles at once and have them the color that you want:
.td-main-sidebar .block-title > span{
background-color:black!important;
}
Thank you!
Hello F3rious,
In order to remove more from author you can use 2 methods:
The css method:
.td_block_related_posts .td-related-right {
display:none;
}
or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd
For your second request, if you want to change the background-color for the Related Articles tab you should use the cocde below and place it in Theme panel->Custom CSS area.
.td-related-title .td-cur-simple-item {
background-color: red;
}
The result you should see here -> http://screencast.com/t/mKqMSHeV
Thank you!
I placed the following in the custom CSS area.
#wp-admin-bar-our_support_item {
display:none;
}
Is there a better way?
If just the text is what you are after, you can try this css code:
.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg{
font-size:30px!important;
}
I have tested the button on one of my posts but the cart icon appeared without problems on posts also, thre could be something affecting the fonts on your posts. Please disable all plugins except visual composer, clear cache and reset cdn files.
Let us know how it goes.
Hello,
The back to top was disabled for mobile but you can enable it using this custom css:
@media (max-width: 767px){
.td-scroll-up {
display: block;
}}
Add the code in the theme panel->custom css box.
Thank you!
Well our theme colors will not affect all elements unfortunately. The page text refers to a text added on a page that is not inside a block or visual composer element. Any element that is created using visual composer. can only be changed with css or from the block settings (headers and hover colors)
You can easily create your about me page without using visual composer, and then the color sin the theme panel will affect your page.
Thank you!
Hello alienplot,
You should try the code below and place it in Theme panel->Custom CSS area.
.page-id-10270 .td-header-style-8-wrapper, .page-id-10270 .td-footer-wrap, .page-id-10270 .td-sub-footer-wrap{
display:none;
}
Thanks for your understanding!
Hello investimpactly,
If you want to move your logo to the left you should use the margin-left:0. So, please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-header-style-1 .td-header-sp-logo img{
max-height: 150px!important;
margin-left:0;
}
The result is here -> http://screencast.com/t/bmwxXDAWOW
Thanks.
Hello VoZz,
Try the code below and place it in Theme panel->Cusotm CSS area.
The code is ->
.vc_general.vc_cta3.vc_cta3-style-classic, .vc_general.vc_cta3.vc_cta3-style-custom {
background-color: #ffee00!important;
}
The result -> http://screencast.com/t/9nuoTFb4Nj
Thanks.
Hi,
You will have to copy over more than the css I provided above. Each case is a particular one as you do not have the same css as the previous site. The best way to do it is access your page source and copy the generated css from the page source at the end of style.css. (it is a big css code in your page source) I could not see it on kamoe’s site as it was optimized and the css minified and not shown in the page source. Your I cannot even access so you will have to do it. Find a big bunch of css in the page source you can see in the browser.
Thank you!
How can I hide the header and footer of this page http://laradiodetotoral.com.ar/app/
I tested the css code
Page-id-10270 .td-header-wrap, .page-id-10270 .td-footer-wrapper,
.page-id-10270 .td-sub-footer-container {
Show: none! Important
}
it does not work.
I look forward to your help. Greetings.
Dear Bogdan,
Thank you so much for your help. I have already done it an looks really good! Just missing 2 things…
The first one, how can I make the “BUY NOW” button bigger size? (see example below)
http://www.damnkicks.com/nike-air-max-90-utility/
As a reference, this is the code I currently have for the button:
<div class=”vc_column-inner “><div class=”wpb_wrapper”><style type=”text/css”>.vc_btn3-style-gradient-custom.vc_btn-gradient-btn-5835c50785a35:hover{color: #ffffff;background-color: #e51c20;border: none;background-position: 100% 0;}</style><style type=”text/css”>.vc_btn3-style-gradient-custom.vc_btn-gradient-btn-5835c50785a35{color: #ffffff;border: none;background-color: #ba2a2a;background-image: -webkit-linear-gradient(left, #ba2a2a 0%, #e51c20 50%,#ba2a2a 100%);background-image: linear-gradient(to right, #ba2a2a 0%, #e51c20 50%,#ba2a2a 100%);-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;background-size: 200% 100%;}</style><div class=”vc_btn3-container wpb_animate_when_almost_visible wpb_bottom-to-top vc_btn3-center vc_custom_1479918720170 wpb_start_animation”><i class=”vc_btn3-icon fa fa-shopping-cart”></i> BUY NOW</div>
</div></div>
On the other hand, the button doesn’t show up the icon I selected (it looks good here for example:
http://www.damnkicks.com/send-us-images). How can I do it, it’s really important for me.
Thank you so much!
Hi Catalin – it does! I see how you’ve coded it using !important and adjusting margins.
If we wanted to reduce the left blank spaces left of the logo, would you recommend adjusting padding or margin in the CSS code?
Hey Catalin,
Mmm, I see. I have tried a few more things now, but still nothing. I don’t have any cache plugin. I have tried it with any custom CSS in my themepanel removed. I have tried both the native text widget and the tagdiv one. I have checked out the color with developer tools, and I don’t think I have defined this color anywhere. Can you have a look on the page? http://tinyurl.com/h2ocnqv
Hello Bogdan,
I just started getting the same ‘flashing’ display of the header menu default colors loading before my custom colors are displayed. I turned off any recent plugins and pasted in the CSS you posted above in the Newspaper/Style.css file at the bottom of page.
I’m using Newspaper, Magazine front page, and Header Style #4.
Thanks.
Hi, they actually have it “full width” for the viewport …
and here is the example:
https://prgrants.com
I was thinking of having the full width newsmag logo top, the hack for full width footer with CSS, and perhaps putting the slider “above” the normal body container so that it would be full width like the menu bar.
Have not yet tried it. Just got tired of trying to fix the nutty bugs in that other theme, and want to switch for January 1.
NO panic or rush or anything, just was thinking the other day “duh, I could just move this thing to newsmag … !” 🙂
Hello,
Our theme provides a custom code panel so for any css that will re-write style.css you can place it in the them panel->custom code section: http://screencast.com/t/gyu7RyN6
Thank you!
Hi,
Unfortunately style.css is the one file that will always need replacing. Even in the child theme. There is no update proof solution for this. The easier solution would be not to use too many css rewrites. Meaning not to use any demo, and change colors from the theme panel without the re-write from the demo. You can also increase your page loading speed to minimize this effect, but changing style.css directly is the only way of having No cascade effect. This is the way css works.
Thank you!
Hello Gadgetsay,
You should try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-header-wrap .black-menu .sf-menu > .menu-item-6705 > a{
background-color:red!important;
}
Thanks.
I tried to change the style sheet css using Editor, but I got this error message underneath. I read somewhere that it’s better to create a child theme and edit the css there instead? Is there a tutorial to go about this?
413 Request Entity Too Large
The requested resource
/wp-admin/theme-editor.php
does not allow request data with POST requests, or the amount of data provided in the request exceeds the capacity limit.
Hi,
You can transfor the read more into a button using this css:
.td_module_17 .td-read-more a{
font-size:16px;
background-color: #7799ef!important;
padding:10px;
color:white
}
As for the comment fonts section:
#reply-title{
font-size:16px!important;
}
.td-form-comment textarea, .comment-form-input-wrap input[type=text]{
font-size:16px!important;
}
Thanks.
Hey Catalin,
I figured I’d ask the question in this topics, because it relates. I did what you said and it worked, only the background color of the element is not copied. Any idea why? It is mentioned in the code, so I guess it should work.
This is the code, the yellow background doesn’t display:
[vc_cta h2="Help us grow our network of kids correspondents" h4="Let childrens voices be heared" txt_align="center" add_button="bottom" btn_title="Donate" btn_color="primary" btn_size="lg" btn_align="center" btn_link="url:http%3A%2F%2Fwww.theyouth.org%2Fdonate|title:Donate||" btn_button_block="true" btn_custom_onclick="true" css=".vc_custom_1479844170836{background-color: #ffee00 !important;}"][/vc_cta]
Hello investimpactly,
Please notice that our theme has a lot of header styles which uses logos in various sizes. For more information about our header style, please consult the documentation here -> https://forum.tagdiv.com/header-styles/
Also, you can use the code below and place it in Theme panel->Custom CSS area.
.td-header-style-1 .td-header-sp-logo img{
max-height: 150px!important;
}
.td-header-style-1 .td-header-sp-logo{
width: 320px!important;
margin: 28px 10px 0px 10px!important;;
}
Hope this helps!
Thanks for the message!