Search Results for 'css'

Hi,

All used scripts are registered and the td_inspect_scripts() function returns a list of registered css and js from your site however some plugins may load after it and that’s why it doesn’t return all js.

You could try to play with the priority, if it doesn’t return all js – http://screencast.com/t/7fhfjttAT8 –

http://codex.wordpress.org/Function_Reference/add_action

This is recommended for advanced users only so if you don’t have php knowledge I suggest you get someone to help you with this.

Place the functions which move the scripts and styles sheets here: http://screencast.com/t/QfpUo10r

Thanks

Hi,

Unfortunately the Newsmag theme doesn’t support RTL, you will need to adjust this via custom css.
For left/right arrows please use this custom css: http://screencast.com/t/mszChNXHt

.td-icon-menu-right:before {
content: '\e807' !important;
}
.td-icon-menu-left:before {
content: '\e808' !important;
}

Thanks!

Hi,

Please paste your adsense code from bottom ad in a custom ad: http://screencast.com/t/TzuoKV9JE7fu
Use do_shortcode() function and add custom ad shortcode bellow author box in post template file(you can edit post template file that you use: loop-single.php is default post style): http://screencast.com/t/ZmiYLiRbLfI

<?php echo do_shortcode('[td_ad_box spot_id="custom_ad_1"]'); ?>

Adjust with css code top and bottom space: http://screencast.com/t/MVowgGa2T

.single .td-g-rec-id-custom_ad_1 {
margin-top: 10px;
margin-bottom: 0px;
}

Paste custom css in Theme Panel > Custom Css: http://screencast.com/t/j19UM4TrBQc

Thanks!

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

Hi,

Please try this custom css in Theme Panel > Custom Css section: http://screencast.com/t/QwLQspGtf

.td-sub-footer-wrap .td-grid-wrap {
padding: 0px !important;
}

Thanks!

Hi,

The top menu was not designed to work on mobile devices, that why there is no option to enable it. You can do this with custom css in Theme Panel > Custom Css, but you may need more css customizations when is displayed on small devices: http://screencast.com/t/jZUxEacY

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

Thanks!

Hi,

Try this custom css for Slider: http://screencast.com/t/cPRGUo4o

.td_normal_slide .td-theme-slider.iosSlider-col-3 .td-module-thumb img {
min-height: 100%;
}
.td_normal_slide .td-theme-slider.iosSlider-col-3 .td-module-thumb a, .td_normal_slide .td-theme-slider.iosSlider-col-3 .td-module-thumb {
height: 100%;
}

Thanks!

Hi,

Please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/i0enCl6i1s

.rev_slider_wrapper {
z-index: 0;
}

Thanks!

Hi,

You have this issue because of the span class that you use – http://screencast.com/t/iiGnGJXrZ the theme css is applied on roe spans so it is applied also there using span class.
Try to use a class="reading time", it’s important to not use span in the class. If it is removed will look like this: http://screencast.com/t/ta0ud41FMohG

Thanks!

Hi,

This happens because the elements are render in order and the left sidebar comes first. On mobiles the elements are set to float:none and they drop one after the other. Currently we have this issue on the list, we’re looking for a solution.

You can hide the sidebar on mobiles via css or you can use the solution Radu provided in this tread: https://forum.tagdiv.com/topic/rtl-problem-on-change-sidebar-position/#post-40627

We have this on our attention and try to find a better implementation within newspaper 5 theme version.

Sorry for the inconvenience!
Thanks

Hi,

Glad that you managed to solve this. You can use Theme Panel > Custom Css for css code – http://screencast.com/t/pkfU7HaJoJu

Thanks@

Hi,

Please deactivate all plugins leave just Visual Composer active, clear cache and check if you still have this issue. I don’t have this issue anymore activate your plugins one by one and see whic one caused this. Also if you use js/css minification please disable it.

Thanks!

Hi,

Use your browser’s inspector to get the right classes and build your css code as you want it.
If you don’t manage to do it by yourself I suggest you get someone to help you or hire a freelancer from site’s like: http://studio.envato.com/
We would help you do it but you need custom work for this and we cannot offer custom work at this moment as we work hard on development fixes and support. Sorry!

Thanks

Hi,

Thanks Chris!

@OverPress The best solution is to use images at least at that size. But if you don’t want to use a plugin and you want to use css code please try this: http://screencast.com/t/Ds2nkjyRlfxK – http://screencast.com/t/xKMaUrMC – http://screencast.com/t/YgcSWWJjl

.td-big-grid-post-0 .entry-thumb{
min-height: 100%;
}
.td-big-grid-post-0 .td-module-thumb {
height: 100%;
}
.td-big-grid-post-0 .td-module-thumb a{
height: 100%;
}
@media (max-width: 767px) {
.td-big-grid-post-0 {
min-height: 100px !important;
max-height: 300px !important;
}
}

Thanks!

Hi,

Unfortunately theme doesn’t have a block like that, you will need custom work to achieve that. You can try to this via custom css – http://screencast.com/t/qkAV0a6CMg9r

.home .td_block_11 .td-block-span12:nth-child(2n) .td_module_10 .td-module-thumb {
float: right !important;
}
.home .td_block_11 .td-block-span12:nth-child(2n) .td_module_10 .item-details {
margin-left: 10px;
}
.home .td_block_11 .td-block-span12:nth-child(2n) .td_module_10 .item-details .td-module-comments {
float: left;
}

Please note that this is an example for Block11 for homepage, you can try to do the same for another block that you use. If you don’t have basic css/html experience I suggest to hire a freelancer to make this for you as for the moment we cannot provide custom work, sorry!

Hope this helps!

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/kAZOkx4d8

.media-credit-container {
left: 50%;
position: relative;
transform: translateX(-50%);
}

You use a fixed width on this div – http://screencast.com/t/2ByHtLSqy1vM so the image will not be responsive. You need to use media queries and a fixed width for mobile devices for example: http://screencast.com/t/5ZGBUj44k – http://screencast.com/t/ULRAGiLzLG
We think to add a custom template like that, but I cannot tell you a date for it.

Hope this helps!

Hi,

Renaming or removing the css code from the editor-style.less file should remove the custom style that theme adds to the posts editor.
Besides this the theme also adds the style for other elements like paragraph text or blockquotes to make them appear in post editor like they will appear live on your web site. Those styles can be found in type.less file using the mce-content-body class : http://screencast.com/t/KgRqAd5c

Thanks

Hi,

You can hide it via custom css in Theme Panel > Custom Css: http://screencast.com/t/C0L000Bb

.category .td-category-header .entry-title,.category .td-category-header .entry-crumbs {
display: none;
}

Thanks!

Hi,

Unfortunately the theme doesn’t have an option for this so the border color to be like the color of the category. Also the featured images from Big Grid cannot be targeted after category (name, ID etc) so the border cannot be changed via custom css.

You can change category color on module via custom css in Theme Panel > Custom Css: http://screencast.com/t/4fQhDcKouW

.td-post-category {
background-color: red;
}

The above code is general and will change this for all modules/blocks, but you can change this for each module if you want for example: http://screencast.com/t/bxodCpE4Z5

Hope this helps!

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/bdTL9iLUykP

.home .td_normal_slide .td-icon-left, .home .td_normal_slide .td-icon-right {
display: none;
}

This code it will apply only on homepage.

Please provide more details about your second issue as I’m not sure what you mean also if you can provide an example.

Thanks!