Search Results for 'css'

Hi,

Unfortunately you will need custom modifications to disable mobile version as the Newspaper theme was designed with an fixed grid layout, responsive as it is fluid and style for desktop/tables/mobile screens. As Christopher wrote you can edit the style.css file and try to remove the @media query’s for phone.

Thanks!

Hi,

You can customize tabs from Custom Typography – http://screencast.com/t/OaLbHYHL5ky, also if you want to change the font for text content from tabs you can do it via custom css. If you don’t want to apply this for all tabs you can add an extra class – http://screencast.com/t/McKoppGIu and use custom css – http://screencast.com/t/exhykOird

.yourclass .wpb_text_column p {
font-family: Roboto;
font-size: 16px;
}

This will help you if you want to change colors, background… – http://screencast.com/t/h1TZghX9DP
Also you can translate “Continue” from Theme Panel > Translations – http://screencast.com/t/RkVuD4SR

Thanks!

Hi,

The caption for that post style not displayed because the featured image is not loaded default via WordPress, is taken via jQuery.
You can do something similar to this solution from Newspaper – https://forum.tagdiv.com/topic/image-caption/

Create a function for caption like this – http://screencast.com/t/KXhJRflC4O

// Show captions on template 6

function get_template6_caption($post)
{
    $thumbnail_id = get_post_thumbnail_id($post->ID);
    $thumbnail_image = get_posts(array('p' => $thumbnail_id, 'post_type' => 'attachment'));

    if ($thumbnail_image && isset($thumbnail_image[0]) && $thumbnail_image[0]->post_excerpt) {
        return '<div class="template_6_caption"><span class="td-block-author">' . $thumbnail_image[0]->post_excerpt . '</div></span>';
    }
}

And call it in single_template_6.php – http://screencast.com/t/8hb8dcT1

<figcaption class="wp-caption-text">
            <?php echo get_template6_caption($post); ?>
        </figcaption>

Also you need to adjust with custom css in Theme Panel > Custom Css and adjust it like you wish: http://screencast.com/t/CXV7k88QP

.template_6_caption .td-block-author {
position:relative;
color:#ffffff;
background-color: #222222;
padding:5px;
}
@media (min-width: 768px) and (max-width: 1023px){
.template_6_caption .td-block-author {
top: -20px;
}
}
@media (max-width: 767px){
.template_6_caption .td-block-author {
top: -30px;
}
}

Thanks!

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

Hi,

Please deactivate all plugins leave only Visual Composer plugin active, clear cache and check if you still have this issue. Also please check this without any css/js minifications.
I also tested this with latest version of the theme 4.6.3 and and latest version of Visual Composer plugin tested and provided with the theme files (4.4.4). Please make sure that you also use the latest versions.

Thanks!

Hi,

Unfortunately the top menu was not designed for mobiles and that’s why it is hidden, you can add this custom css to display it also on mobiles but you may need some additional customizations for menu items that may drop on more rows – http://screencast.com/t/rHnQKiUT a solution will be to hide the menu items and display only Log in/Register widget – http://screencast.com/t/GUicjaLKq5Ze

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

Thanks!

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

Hi,

Please make sure you have the latest version of the tagDiv Speed Booster plugin.
A solution is to replace all color from style.css using a text editor with find and replace search after #4db2ec – this is the default theme color and replace it with your color.

Thanks!

Hi,

1. You can change the hover color for articles titles using this custom css: http://screencast.com/t/KbSwlQstgu5y

.td_mod_mega_menu:hover .entry-title a {
color: red;
}

2. Please use this custom css – http://screencast.com/t/kjsDullKln

.td-module-comments {
background-color: blue;
}
.td-module-comments a {
color: red;
}

3. If you want to hide the loader for megamenu use this css code:

.td-mega-menu .td-loader-gif {
display: none;
}

Thanks!

Hi,

1. Please clear cache if you use a cache plugin and your browsers cache.
2. You have to use custom css in Theme Panel > Custom Css to change:
*Current menu item – http://screencast.com/t/Gcy8WaNfXqFR

.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a {
background-color: red;
}

* Hover background color for menu item – http://screencast.com/t/U9fmTXb7OSA

.sf-menu > li > a:hover {
background-color: blue;
}

*background color for submenu – http://screencast.com/t/Qk5OG7dN8UCY – http://screencast.com/t/fMJgD1qtayP

.sf-menu .sub-menu {
background-color: red;
}

*hover subcategories in mega menu – http://screencast.com/t/qLGsETvKyWP8

.td_block_mega_menu .td_mega_menu_sub_cats .cur-sub-cat:hover {
background-color: #CB8E1F;
}

3. Unfortunately the theme doesn’t have an option to add logo image there, you will need custom modification for this and we cannot provide custom work at this moment, sorry!

4. Please follow this solution to display more subcategories in the megamenu – https://forum.tagdiv.com/topic/sub-categories-number/#post-48648

5. Unfortunately Newsmag theme has only 2 formats like you already know. If you need to add more post formats please take a look here – https://codex.wordpress.org/Post_Formats and try to add more formats in theme functions: http://screencast.com/t/7tKL3tcQiu

6. Not sure what you mean, please provide more details.

7. You can remove this code – http://screencast.com/t/PXj2Z7pxq3yJ – http://screencast.com/t/8IEfHItJXfv
Or you can hide it via custom css – http://screencast.com/t/zzEfIvhLC

.td_top_authors .td-author-post-count, .td_top_authors .td-author-comments-count {
display: none;
}

8. Unfortunately we did not tested THEIA POST SLIDER or any similar plugin so I cannot recommend any.
Please check this without any plugins active, leave just Visual Composer and THEIA POST SLIDER active, clear cache and see if it works.

Thanks!

Hi,

You did not close div tag > <div class="sidead", it has to be <div class="sidead">.
You can also use divs from documentation(like you have used for header ad) and display it on specific devices, so if you want to be displayed only on desktop use:

<div class="td-visible-desktop">
 your code
</div>

And you don’t have to make any css adjustments(it will be centered automatically) – http://screencast.com/t/eD04od5df

Hope this helps!

• 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].
• This reply was modified 11 years by Alin [tagDiv].

Hi,

You can change the articles titles color via custom css: http://screencast.com/t/WkspSgddHq

.td-footer-container .td_module_6 .td-module-title a {
color: #ABBCCD;
}

Thanks!

Hi,

Thanks Chris!

@betograngeia Please follow Christopher’s solution from that topic it works the same for newspaper – http://screencast.com/t/LPRfKB18AUl

<?php echo $td_mod_single->get_date(false);?> <?php echo get_the_time(); ?>

You have to adjust margin via css code in Theme Panel > Custom Css: http://screencast.com/t/e9PDr3aSzWJI

header time {
margin-right: 5px;
}

Thanks!

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

Hi,

Theme ads system is designed to work with adsense code. For non adsense code we recommend to use these divs – https://forum.tagdiv.com/ads-system-full-guide/ but your ad will not be resized for each screen device if is not responsive. Like image banner you will need to add an ad with specific size. Those div have a specific css that it is applied on classes(margins) – http://screencast.com/t/RuLRjArE5t1 – http://screencast.com/t/qtN6d6p8LPFy
Also you can add your script/iframe in a div and add your own class – http://screencast.com/t/LbQruyoI and use css to center it – http://screencast.com/t/rrJEPiDGQXr6

Please note that your ads have an fixed size and will be not resized on tablets or mobiles – http://screencast.com/t/bE7RPeYPx8 – http://screencast.com/t/3ptkLr7eZZK

Thanks!

Hi,

Not sure about the accordion shortcode, please provide wp-access so we can check it and send you wp-admin login details via email at contact@tagdiv.com and also provide a link to this conversation.

We are aware of the VC buttons elements issues. This happens as the Visual Composer the classes have changed and the buttons that we haven styled lost their css, we have this on our todo list and we are working on it unfortunately we still have incompatibility issues regarding VC style. Note though that all Visual Composer elements have been restyled in the newspaper theme version 5 and all incompatibility regarding VC elements have been fixed.

You can find a solution for this in this topic: https://forum.tagdiv.com/topic/buttons/#post-21804 or use this custom css code in theme panel > custom css section: http://screencast.com/t/SWo34rkap8 – http://pastebin.com/YwyC14Zp

Thanks

Hi,

>> The theme comes with it’s own mobile menu and that’s why you have duplicate menus, try the following solution – https://forum.tagdiv.com/topic/assign-custom-menu-for-mobile/

1. Not sure why you have that issue with, please provide more details.
Check if it also happen on our official demo? – http://demo.tagdiv.com/newsmag/ – or just on your side?
On my side the hover works fine, if i hover on a menu which has a submenu or mega menu it opens up, i don’t have to click once or twice to open it – http://screencast.com/t/IK0VKKaS
Also include details about the device/pc/laptop you use for testing, theme version, plugins used, operating system name and version, browser version. We have to duplicate this issue on our side in order to come with a solution.

2. The theme doesn’t come with such an option but you can doit with custom css. If you decide to use the theme menu let me know and i’ll provide a solution, it won’t work if you use UberMenu.
3. Not sure what you mean with the Flyout menu, do you refer to the sticky menu (the one which stays on top when you scroll down)? Please provide more details.
4. The padding used on the right side is larger, you can adjust it using custom css: – http://screencast.com/t/Alp0X55yy – add this to the css provided by Alin:

.sf-menu a.sf-with-ul{
padding: 0px 10px 0px 10px;
}

Thank you, Emil G.

• This reply was modified 11 years by Emil G.

Hi,

Setting the z-index to 0 for the rev slider usually solves this so make sure you use this custom css in theme panel custom css section:

.rev_slider_wrapper {
z-index: 0 !important;
}

If this dose not solve this please also provide your site’s ulr as we need to inspect this to provide and accurate solution on this.

Thanks

Hi,

Please disable all plugins leave just Visual Composer active, clear cache and check again if you still have this issue. I have checked your site and found this js error in console – http://screencast.com/t/9HobsyP6Ir Please disable also js/css minifications.

Please test your pagespeed https://developers.google.com/speed/pagespeed/insights/ and try to fix those errors. You can find out more about this in our documentation – https://forum.tagdiv.com/page-speed-guide/ and also Christopher topic help – https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ Also please disable unnecessary plugins.

You can use a static homepage if you want, create your homepage and used like a blog page just set to page template with articles and it will display like a blog – http://screencast.com/t/hIqIyj7NL7Sp you have also options to display your latest articles – http://screencast.com/t/0oJuZEsqVJ – http://screencast.com/t/z0UAyvqNze

Thanks!

Hi,

The theme doesn’t have an option for this as there is already used a module especially designed for related articles. You will need custom modifications to achieve this, make these changes in related articles block – http://screencast.com/t/p7fVCv8BF
Also from Theme Panel please set to show 6 post(in code you have already set 2 post per row) – http://screencast.com/t/QUToMYozc and add this custom css in Theme Panel > Custom Css, this will be applied also on more from author articles: http://screencast.com/t/tRBHxDxIrUe3 – http://screencast.com/t/qrWK5LgLvd

Thanks!