Search Results for 'css'

HI

A) Yes indeed our theme removes the front-end part of Visual Composer’s page-builder because it’s not working properly with theme’s blocks. We also added 25 new blocks which works only with our theme. We don’t recommend any third-party plugins or additional ad-ons for our theme. The theme is tested and work fine only with Visual Composer plugin which is included in the path available o themeoforest. You can try additional software if you want but we can’t support it and also we can’t say how will work with Newspaper.
B) The theme is tested and search page works fine with any module used, including module 17. I am not sure why the page breaks on your site but you can try to deactivate all plugins, except Visual Composer, clear all caches then test again. If the problem persist please provide your site url so we can have a closer look.
C) We need site url for further investigations.
D) Try this css in theme panel > custom code > custom css:

.td-social-google, .td-social-pinterest {
display: none!important;
}

E) The theme uses default wp implementation for authors and there is no option which allows you to add multiple authors for a post. You can try a plugin with similar functionality but we didn’t made any tests in this regard and I can’t make any recommendation.
F) You can set a primary category for each post, primary category will be displayed on modules and blocks if is set: http://screencast.com/t/7KmMi5qqKCd
G) Yes you can filter posts by multiple categories using this field from block settings: http://screencast.com/t/bsMWXZCAUUYh For more details in this regard please check this link: https://forum.tagdiv.com/block-settings-tutorial/

Hope this helps.
Thanks!

Hi

The selector which holds mobile menu background is .td-menu-background:before so you can use it to change the gradient as you want. The gradient color can be generated using an online tool, here is a css example made with http://www.colorzilla.com/gradient-editor/ – http://screencast.com/t/Ik0xn1biwP

.td-menu-background:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0e4f7+0,73b1e7+24,0a77d5+50,539fe1+79,87bcea+100;Blue+Pipe+%231 */
background: #d0e4f7; /* Old browsers */
background: -moz-linear-gradient(top, #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
}

Thanks!

HI

Thanks for your suggestion, I’ve added it on our todo list and when the time comes developers will consider it for future updates. However this may take some times as we have a very long list with feature requests and we have to take them one by one.
A temporary solution would be to use media queries with css in theme panelo > custom code > custom css:

@media (min-width: 768px){
.single .td-post-featured-image{
display: none!important;
}
}

This code will hide the featured image on posts for desktop and tablets and on mobile they will be visible.
Hope this helps.
Thanks!

HI

Please note that all this customizations takes times and many tests in order to be achieved. We can only offer support for current theme’s features but not custom work, sorry. I’ve already provided some custom css which can be used as example fr further customixations. Also here you can check our tutorial about how to use browser’s inspector to pick the right selectors: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
and here you can take a look at some css tutorials which may help; http://www.w3schools.com/css/default.asp

Thanks for your understanding!

I’ve resolved the issue. There appears to be some bad css in the stylesheet.

To resolve the issue, add the following code to the custom css area of the theme panel:

.td-header-rec-wrap .td-adspot-title {
margin-bottom: 5px;
position: relative;
top: 5px;
}

Hi,

I decided to deactivate the mobile theme and now the pages are working properly. If I wanted to change the Menu background and header colours, where would I find the CSS for this? Many Thanks

Thank you for the quick response.
I am not very skilled with CSS. Which file should I attach this code into? Should I put it in Stylesheet or in Visual Editor Stylesheet? Also, does it matter where exactly I put it inside the code? Thanks.

Andrei,

After placing the patched code in, I am running into a problem. The news ticker is merged into the article container. This has to do with either the sidebar having too much content extending past the article list or not enough posts. Somehow we need to clear that container div. I tried below and it didn’t work in Custom CSS:

.td-main-content-wrap {
  clear:both;
}
.td-pb-article-list {
  clear:both;
}

My post limit setting was at 6. But if I make it 10, the ticker renders correctly below the latest article container. Still, since we dont know exactly the full height and people can set the post limit to any number, I think it is safer to somehow clear the div so that it renders on a separate “row”.

Also, some other things to note:

1. There’s a big gap between the news ticker and the next section (i.e. tabbed categories). I would like to make it smaller.
2. Hard coded title (i.e. LATEST ARTICLES). Yes, I know I can change it directly but maybe a better idea is to have this as a theme option. The reason is because it all depends on what the website is used for. If a news site, ARTICLES may not be an appropriate word. The website may want this to be LATEST NEWS. Or if it was an opinion website, LATEST OPINIONS. Or if it was a cartoon website, LATEST CARTOONS. Hope you understand what I mean.

Since the ticker looks out of place not being at the top of the home page, I may just remove it as it is probably way too much work to get it integrated into the template.

You can see the change at my website KobashiComputing.com

• This reply was modified 10 years by kobashicomputing.

hi

not the big grid element, i mean, your template css structure
for example, on single.php we found like this
—
<div class=”td-main-content-wrap”>
<div class=”td-container
<div class=”td-pb-row”>
<div class=”td-pb-span8
<div class=”td-pb-span4 td-main-sidebar”

and many more….
—
if you have complete documentation about this css structure this will be more usefull for us
because as i said before, we want to create new custom page so we will use your css code

thanks

Hi

There are a few thing which must be considered when you update from V4 at V7 of Newspaper theme.
Newspaper 7 is practically a new theme, the whole code was rewritten so make sure you made a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one, more details can be found in our update guide: https://forum.tagdiv.com/how-to-update-the-theme-2/ The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom css will not work with the new version and you will have to adjust or re-add them.

Hope this help.
Thanks!

Hi

Try this css in theme panel > custom code > custom css:

.td-module-comments, .td-social-google, .td-social-pinterest{
display: none!important;
}

Let me know how it goes.
Thanks!

I added the CSS custom code. http://staging1.tvc.dsj.org/wp-content/uploads/2016/08/CSS-for-header-AD.jpg

It is still not displaying the banner.

• This reply was modified 10 years by cbalistreri.

HI

So I assume that you don’t want the header ad on homepage: http://www.creativepile.com/ If so then use this css in theme panel > custom code > custom css:

.home .td-header-rec-wrap{
display: none
}

Let me know how it goes.
Thanks!

Hi

try this css in theme panel > custom code > custom css: http://screencast.com/t/GDNvedPbmke

.td-rec-hide-on-m {
display: block!important;
}

Thanks!