Hello,
Unfortunately page titles do not get the line underneath them. If it’s the page title you want to add the bottom line to then you can use this css:
.td-page-title{
border-bottom: 1px solid black;
}
You can add the code in the theme panel-> custom css box
Thank you!
HI
When you set a background color or background image the theme switch n boxed layout and all page will have 1068px.
To set a different background color for pages you can use this css in theme panel > custom code > custom css:
body ,page{
background-color: green!important;
}
Hope this helps!
Thanks!
Hello mc_kot,
Try the code below and place it in Theme panel->CUsotm CSS area.
The code is ->
.td_module_10{
pointer-events:none;
}
If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Thanks.
HI
In first image you pointed post’s title. That container have its own clickable part and that implementation can’t be changed because there are two containers one above the other.
That exclamation mark appear because there is used !important in css but is no need to worry about it.
Thanks!
Hi
You can this css in theme panel > custom code > custom css: http://screencast.com/t/kV3xhO3i
@media(max-width: 768px){
.single .entry-title {
font-size: 20px!important;
}
}
Thanks!
Hello TheRiz,
Do you want to remove the Page title from your pages, right? So, if you want to do this you will have two possibilities -> change the page template to another or you can use a bit of CSS code.
The code is ->
.td-page-title{
display:none;
}
If is not what you mean, please provide also please provide a screen pointing to the desired result, it would help us to understand what you’re trying to do
Thanks.
Hello ivpt,
We know about this issue and we will consider to fit in in near future update. Until this, please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td_block_social_counter .block-title > span{
background-color:red;
color:green;
}
.td_block_social_counter .block-title{
border-color:red
}
Thanks.
Hi,
Try with this CSS, add it in Theme Panel -> Custom CSS section:
.td-post-featured-image .entry-thumb {
display: table;
margin-left: auto;
margin-right: auto;
}
Thanks!
Hi,
Sorry for the late response, we do not work on weekends.
There are 2 ways to go about the images. Either switch to msrtlist 7 or use this custom css:
.td-slide-smart-list-1{
text-align: center;
}
Which will center the images on smartylist 1.
Add the code in the theme panel->custom css box
Thank you!
Hello ivpt,
These kinds of “problems” appears when you use the Speed Booster plugin and you have some custom modification on your site. If you want to exclude this loading delay, you have to put manually each your custom CSS modification in style.css file. Here, I am referring to all the changes you have done into your Theme panel. The main core file is style.css and on the first time, the theme load the styles from this file and then the theme load your custom styles.
The way Speed Booster improves site’s page speed it’s by moving some CSS and js resources, which usually are loaded in the header, to the footer, such that the browser can load the content faster.
Hope this helps and let us know how it goes!
Thank you for the message!
Salut Raul,
Daca vrei ca numele paginii sa nu mai fie afisat pe mobil, trebuie sa folosesti un pic de cod CSS pentru a-l ascunde.
Codul este ->
@media (max-width:767px){
.td-page-title{
display:none;
}
}
Multumesc.
Hello technotrain,
If you want to remove the search icon you will have to use a bit of CSS code and place it in Theme panel->Custom CSS area but if you want to move it in the Top Bar menu, please notice that is not a simple task and it require to make some changes in order to achieve best results and all of these involves custom work.
.td-icon-search{
display:none!important;
}
If you want to display more levels in the theme and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you!
Thanks.
Hello PhilCreighton,
Please try the code below and place it in Theme panel->Custom CSS area.
.block-title > span{
background-color:red!important;
}
The result is here -> http://screencast.com/t/0QtEy1hjJr3
Thanks.
HI
This happens becasue there is a gradient over the image. You can fix this by removing the gradient with this css: http://screencast.com/t/nDy3mXKqUze
.td-image-gradient:before{
height: 0%!important;
}
Thanks!
Hello,
@oyvind The fix provided above has to be placed in the mobile theme custom css not the desktop verson as it’s a fix for mobiles only. If you still have the issue on desktop please provide a link to your site so we can onspect it as we do not get any such issue on our end.
@Mayapur Voice We will fix the mobile theme alignment issue in the next update that will be released in the following days
Thank you!
HI
To make only the links from post content underscored replace the above css with this one:
.td-post-content a{
text-decoration: underline;
}
Thanks!
HI
Try this css in theme panel > custom code > custom css: http://screencast.com/t/PdcaVdrI0
.td-weather-city {
line-height: 4;
}
.td-header-sp-top-widget{
line-height: 40px;
]
Hope this helps.
Thanks!
HI @Chris
Thanks for your suggestion, I’ve added it on our todo list and we will consider it for future updates. Meanwhile you can try this css to hide comment counter in author box: http://screencast.com/t/CEMJEy1VGu0X
.td_top_authors .td-author-comments-count{
display: none;
}
Hope this helps.
Thanks!
Hi
Thanks for reporting this, I’ve added it on our todo list and developers will try to find a solution for it as soon as possible. Meanwhile try this css to add a margin above author name:
@media(max-width: 768px){
.td-post-author-name {
margin-top: 5px;
}
}
Hope this helps.
Thanks!
I am using the latest version of Newspaper theme. When I use speed booster plugin, everything works fine, but it’s adding duplicate Jetpack CSS in the source. Check screenshot http://prntscr.com/ce48nf
Speed booster does not work when I use page speed module for javascript
Hello!
I am searching for a way to make the site background one color (grey) and the page background another color (white or light grey) while keeping the header and footer (menu, etc.) fullwidth.
(I haven’t found any theme demos that show a similar background/page variation so this brings me here to ask the question.)
I was hoping this edit could be accomplished simply through the theme settings, but it doesn’t appear possible. (and maybe this is because I am not familiar with how to edit the theme settings)
Is there a way to do this through the theme settings? If so, how is this accomplished (properly)?
If not, is there a way to achieve this look through a custom CSS style? If so, could you please share the proper CSS styles to edit?
Thanks much!
(Hope I explained this fully, if not, let me know and I will show you a screenshot) 😉
Usually going to the menus option in appearance > menus and re-saving your menu locations works. This is often a common issue in changing themes due to how WordPress stores that info. Also check the menu option in the theme panel > header.
ALSO: remember your site now has all-new CSS; if you had added custom css to bottom of your style.css in old theme, you need to add that back in new theme.
This also means you need to fully clear your cache; such as in Chrome, in clearing your history to load only the new CSS for your updated site.
Glad you were able to get 3.1 working 🙂
I have added some custom CSS for the header, footer and mobile logo:
.td-header-style-9 .td-header-sp-logo img { width:35%; height:auto; }
.footer-logo-wrap img { width:35%; height:auto; }
The problem is that when I refresh or change between sections, logo loads in its original size and then resizes.
How can I avoid showing the logo until the custom code is applied?
Thanks
Hi Andrei, thanks for the response. I meant hiding the Page Title in the breadcrumb.
Home > [page title]
Currently you can disable Post Title’s from appearing in the breadcrumbs but not page titles. You do this through Theme Panel > Template Settings > Breadcrumbs.
I will attempt to do this with CSS if there is no other way.
Thanks
When using Custom CSS, Google Chrome renders CSS so fast that it is causing flickering, i.e. moves pages down and up in split of a second (because we reduced height of header using CSS).
Printing Custom CSS in HEAD tag instead of footer will resolve similar issues. We moved the CSS to Header Ad as a temporary workaround.
Or you can introduduce boxes what custom code to be inserted in header and which one in footer.
Many thanks.