Search Results for 'css'

Hi Chris,

Please try this custom css:

@media (width: 768px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
clear: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
clear: none;
}
.woocommerce ul.products li.product.first {
clear: left !important;
}
.woocommerce-page div.product div.summary {
float: right;
}
.woocommerce-page div.product div.images {
float: left;
}
}

We have also included this fix in the next theme update which will be available soon so you can also update the theme.

Thanks

Hi,

Unfortunately for the moment that option is not working. Sorry for inconvenience!

Please add an extraclass to the widgets that you want to hide on mobile view: http://screencast.com/t/039hipRp0MKt
And use custom css to hide them using @media(max-width:767px) like this: http://screencast.com/t/Ulkr6LN2ru

@media(max-width:767px){
.home .test{
display:none;
}
}

Thanks!

Hi,

Please use this custom css: http://screencast.com/t/x8ZESwZ7

.page .template6-header {
top: 700px;
}

.page .td-full-screen-header-image-wrap, .page.single_template_6 .td-header-wrap {
height: 700px !important;
}

Thanks

Hi,

First please make sure you enable the 7 days post sorting from theme panel: http://screencast.com/t/JmiihhnrcY
then view your posts a few times to start the counting for the last 7 days counter and check again, after doing this it should appear, like this: http://screencast.com/t/DQItOvcqRhu
You can leave the post view option enabled to keep track of you posts views and hide the views on posts via css, like this: http://screencast.com/t/tGJQgYQ1BI

.td-post-views span{
display: none;
}
.td-post-views .td-icon-views {
display: none !important;
}

Thanks

Hi,

I will also add this on our requests lists but as Emil also stated we have lots of feature requests on out list so we have to pick very carefully what we implement.
At the moment you can do it via css as you’ve also pointed. Please let me know if you need help with this.

Thanks

Hi

Please edit td_module_single.php and replace pinterest button with linkedin: http://screencast.com/t/MJCAKIyyGGt

<a class="td-social-sharing-buttons td-social-linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url=' . urlencode( esc_url( get_permalink() ) ) . '&title=' . $this->title . '&via=' . urlencode( get_bloginfo( 'name' ) ) . '" onclick="window.open(this.href, \'mywin\',\'left=50,top=50,width=600,height=350,toolbar=0\');return false;"><div class="td-sp td-sp-linkedin"></div></a>

Then use this custom css in Theme Panel > Custom Css:

.td-social-linkedin {
width: 32px;
height: 32px;
background-image: url('https://media.indiacurrents.com/resources/resources/social-media/linkedin.png') !important;
background-repeat: no-repeat;
}
.td-social-sharing-buttons {
margin-right: 10px !important;
}
.td-sp-linkedin{
width: 32px;
height: 32px;
}

I’ve used an icon found on internet, but you can change it.
Result: http://screencast.com/t/fLzO6DTR

Thanks!

• This reply was modified 11 years by Alin [tagDiv].
• This reply was modified 11 years by Alin [tagDiv].
• This reply was modified 11 years by Alin [tagDiv].

Hi,

If you disable the post views from the Theme Panel – http://screencast.com/t/zNE0WcqP the counter will stop working. We’ll fix this in one of the next updates, until then you have to enable it and use the following css to hide the post views (add it in Theme Panel -> Custom CSS):

.entry-comments-views span{
display: none;
}
.entry-comments-views .td-sp-ico-view {
display: none !important;
}

Or comment/remove the lines from the code – http://screencast.com/t/CPhCfMXbQm

Thanks

Hi,

That is a category subindicator: http://screencast.com/t/ZLHRFMEX
You can see it live here: http://demo.tagdiv.com/newspaper/category/lifestyle/
You need to adjust your a bit, like this: http://screencast.com/t/bNYARebAL
Use this css:

.td-category-page-sub-ind {
border-left: 0px !important;
right: 18px !important;
}


Thanks

Hi,

You can change header style to “Blog style – full text logo + menu” and I think that there wont be issues on moblie view. Any if you want to use Style 3 you can use this custom css:

To hide the main menu and place the search button on top for mobile view: http://screencast.com/t/Q2PImmCmYDWG

@media (max-width: 767px) {
#td-top-menu .sf-menu {
display: none;
}
.blog-stack #td-top-search{
right: -50px;
top: -75px;
}
.header-search-wrap .dropdown-menu {
left: -56px!important;
}
}

For tablets please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/vMf2QV8vpxMx

@media (max-width: 1018px) and (min-width: 768px){
.blog-stack .sf-menu > li > a{
padding: 0px 5px 0px 5px;
}
.blog-stack .sf-menu a.sf-with-ul {
padding-right: 25px;
}
.blog-stack .sf-menu > li > a{
font-size: 12px;
}
}

Hope this helps!

Thanks!

Hi,

Please use this custom css: http://screencast.com/t/gDmzhr9r

.post ul.td-category {
float: right!important;
}
.post ul.td-category li {
float: right;
}
.post .entry-date.updated {
margin-right: 0px;
}

Thanks!

Hi,

I have tested this and work in the same way with each settings 1/2 columns:
1. http://screencast.com/t/FJar0ayhJ
2. http://screencast.com/t/MFoUn4WXc

The css which determines the width of the post content in the editor is tied to the dimensions of the html tag of the editor and based on those dimensions the screen width is detected and the content from the editor is styled (changed it’s appearance).
This depends of your desktop screen resolution as when the editors iframe/html drops under 1023 pixels of width the content from the editor is treated as on tablet screens even though it shouldn’t, this happens in your case also. I have managed to recreate this using your screens resolution and you are right: http://screencast.com/t/HTBYVGlI
As you can notice from the screenshot the html width is around 900px that is why the editor style switches to tablet view.
You can alter the code from the less files/editor style and change the media query to work right in your case, try something like this: http://screencast.com/t/FaTAqDk6
I’m not sure how this can be fixed but I will add this on our issue tracker list for further testing and try to find a solution for it.
Sorry for the inconvenience!

Thanks

Hi,

Unfortunately if you hide block title from settings, you hide also ajax next/prev pagination. Sorry for inconvenience.

If you want to hide the block 6 title on homepage please use this custom css and the pagination will not be hidden: http://screencast.com/t/6MLIzNNbbHHm

.home .td-page-wrap .td_block6 .block-title{
display: none;
}
.home .td_block6 .td-next-prev-wrap a{
top: -22px;
}

Or if you want to remove the title without border: http://screencast.com/t/v9hlIMxd

.home .td-page-wrap .td_block6 .block-title a{
display: none;
}
.home .td_block6 .td-next-prev-wrap a{
top: -25px;
}

Hope this helps!

Hi,

You can try to set you header to header style 3 then use the custom css from below to get this result: http://screencast.com/t/WPtJGwplM

@media (max-width: 767px) {
.td-menu-wrap #td-top-menu {
display: block !important;
}

#td-top-mobile-toggle {
display: none !important;
}
#td-top-search {
width: 40px;
position: absolute;
top: 0px;
right: 16px;
}
.header-style-3 .td-logo img {
position: initial !important;
width: 180px !important;
}
}

Please also note that the main menu hasn’t been designed to be used on mobile screens so you might need additional customization to it.
Regarding the second questions, in the customization above I have removed the mobile menu button as I believe you don’t need it anymore.
The icons is added using the background-image property via css: http://screencast.com/t/k6hyD03kHex You can also alter tit via css and change it or enlarge it.

Thanks

Hi,

A css code form our theme used just on this post template also applies to livefyre comments and adds an margin, you can use this custom css to fix this: http://screencast.com/t/mTq6vZIJYD5

.single_template_4 #livefyre-comments header {
margin-bottom: 0px
}

Thanks

Hi,

You can do this by altering the code for the “load more button” like this: http://screencast.com/t/vJqnn9jHI
Also add this custom css in theme panel > custom css filed:

.ajax-page-disabled {
display: none;
}

Thanks

Hi,

I have also tested this on every screen width and found no issue:
* http://screencast.com/t/tYm1erJ3 (desktop)
* http://screencast.com/t/Gc7JpvwKoF1s (tablet)
This is influenced if you change posts content font size/family.. so I suggest you test this with the default font settings.

@daimpa This could not work wheel in your case if you have removed the css code I’ve suggested at the beginning of this post so make sure that you take into account this aspect.

@Chris I have added this on our issue tracker list and we will further investigate it and fix if we find something wrong with this and also consider adding an option for this.
Sorry for the inconvenience caused! Hope this helps!

Thanks

Hi,

If you disable the post views and ajax post views from theme panel the post views data will not be updated anymore so if the “popular” sort option would not be accurate.
If you don’t want to lose track of your posts count you can just disable the function from modules/post templates or just hide it via css: http://screencast.com/t/tBtJOjbnCs or via css using this css:

.td-post-views {
display: none;
}

We will also add an option to hide this or disable it on next updates.

Thanks

5. You can add a block to an individual row and set margin/border to the column: http://screencast.com/t/AlOEmZ9psE
For widgets you have to use custom css.
6. If you refer to the Latest Articles sidebar will be the same on all pages. The Theme doesn’t have an option for that area, it’s only possible with custom modifications on the code but unfortunately it’s not an easy task.
7. The theme was initially designed with an fixed grid layout and changing it would not be easy as it needs changing the width value for all elements on pages and for this you would need custom work, so the full width will hide the sidebar automatically.

8. You have to modify the template (404.php), you can check the other templates (post, pages) to see how the sidebar is defined.

9. Please edit type.less to change font for quotes in Panel: http://screencast.com/t/t5MpFmFpt
In backend the quotes have color of the Theme, how you can see that in the less file. Also you can change that in what color you want.

10. You can change the Latest posts number from Homepage Loop Filter:
http://screencast.com/t/c94aDRWFp6h
http://screencast.com/t/XDP3mHWtyZ
Or leave that field empty and change the number from Settings > Reading: http://screencast.com/t/dcAgP2WPWN

11. Google adsense should not load, do you refer to something else? please provide more details.

Thanks!

Hi,

Thanks Chris!

@saucestevo
Please make sure you also test this without any plugins active and leave just Visual Composer plugin active and also empty cache then check again.
As Chris also mentioned In some cases this turned out to be due to the tagdiv speed booster plugin as this plugin moves the css and js automatically to the bottom of the page.
We suggest to deactivate all plugins to make sure this doesn’t happen due to others plugins you use and if this issue persists please let me know and also provide your site’s url.

Thanks