Hello ansontya,
Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
@media (max-width: 767px){
.td-scroll-up {
display: block!important;
}
}
Thanks.
Hello Wlk,
Indeed, it seems to be a problem in this regard. I pass this report to our developers and we will make some deeper investigations which can be fixed in future updates. As a quick fix, you can use a bit of CSS code to remove that effect. Try the code below and place it in Theme panel->Cusotm CSS area.
The code is ->
.td_fadeInDown {
-webkit-animation-name: inherit!important;
animation-name: inherit!important;
}
Hope this helps!
Thanks for the message!
Hello salocharly,
It seems to be a mini bug with our smart lists. For your case, you should use a bit of CSS code to fix that on mobile view.
.@media(max-width:767px){
.td_smart_list_3 .td-sml-figure {
float: none;
margin-left: auto;
margin-right: auto;
}
}
Thanks for your message!
Hi,
If you are using the mobile theme a scroll to top is displayed. If you do not use it, you could activate it with a code like this – https://www.screencast.com/t/kmewhpua
You just need to enter it in Theme panel->Custom Css section
@media (max-width: 767px) {
.td-scroll-up {
display: block;
}}
Thanks
I’ve made a new installation of a site using v8. Everything seems great apart from the pages are taking a long time to load. It seems as if the page is looking for a missing file. The Chrome console reports as follows:
.../wp-content/plugins/td-composer/css-live/assets/external/ace/ace.js?ver=__td_aurora_deploy_version__
Also:
http://192.168.0.208/wp_011_test_demos/wp-content/uploads/2017/05/1.jpg net::ERR_CONNECTION_TIMED_OUT
Any help would be appreciated.
Perch
Hi,
It would be very helpful if you could provide a link to your website to see the problem, for a more accurate solution. This probably happens becasue of the modification you made to the background of the post title. You could try this code and change the color of the title when the module is hovered (you can change the color accordingly)
.td_block_big_grid_fl_2
.td_module_mx19:hover
.td-module-title a {
color: yellow!important;
}
The code must be entered in Theme Panel->Custom Css section.
Thanks
Hello,
If you change the default post title color, then on the black templates it will not switch to white automatically anymore. The post title color is dynamic by default if not changed. Either remove the post title color from the theme colors section: https://www.screencast.com/t/gcVLSJc3I4C
Or change the color to one that can show up on black as well,
Or use this custom css to manually change the post color to white on the video post template in particular:
.single_template_11 .td-post-title .entry-title, {
color:white;
}
Thank you!
Hi,
There was a problem with the background ad functionality in the previous theme version. This can be fixed by updating the theme
– https://forum.tagdiv.com/how-to-update-the-theme-2/
If you do not want to update yet, please enter this code in Theme panel->Custom Css section and it should make the background ad work properly for you
– https://www.screencast.com/t/nDmMPtjf
body {
cursor: pointer;
}
#td-outer-wrap {
pointer-events: none;
}
.td-main-content-wrap, .td-container-wrap,
.td-container, .td-post-header {
pointer-events: auto !important;
cursor: default;
}
Thanks
Hello pstgibson,
Try the code below and place it in Theme panel ->Custom CSS area.
The code is ->
.vc_custom_1495630508227{
display:flex!important;
}
Hope this helps!
Thanks for the message!
Hello Satwik,
Unfortunately, our theme does not have any such an option that allows you to do this. Yo should do it from the code and for this, please consult the following topic here -> https://forum.tagdiv.com/topic/how-to-deregister-js_composer-css-and-javascript-file-on-single-posts/ and try to do this for td-composer.
Hope this helps!
Thanks for the message!
Hi!
I bought it and installed by FTP now, but I got a message about unstable status in theme tab in Admin page.
The message is that ‘do not have template index.php for theme and for child theme need template header in style.css.
Newspaper 템플릿이 없습니다. 단독 테마는 index.php 템플릿 파일이 있어야 합니다. 자식테마는 style.css 스타일시트에 템플릿 헤더가 있어야 합니다.
Above is the message in korean.
Thanks,
Scott
Hi TagDiv team,
First of all AMAZING theme, best I ever saw at Themeforest.
I have one small issue. I modify text on full grid 2 as you can se on this . My problem is when I hover mouse over the grid I get
white hover color over my text. I try everything to find the hover option or css code to change it, but I still didn’t find the solution.
I would be happy if you could help me…
Thank you
https://drive.google.com/open?id=0B0ZARbR6_Bc8enhXVGppWGpNdFE
https://drive.google.com/open?id=0B0ZARbR6_Bc8NVljZU1wd1FqQlU
Hello,
Ok great thank you. One of these floating icons we may not be able to move to left and would just want to move higher above that button. Do you have CSS for that and would it be put in same place to put it?
Thanks,
Code for old & correct row:
<div data-vc-full-width="true" data-vc-full-width-init="false" data-vc-stretch-content="true" data-vc-parallax="1.5" class="vc_row wpb_row td-pb-row td-travel-header vc_custom_1491083979151 vc_row-has-fill vc_row-no-padding vc_row-o-content-middle vc_row-flex vc_general vc_parallax vc_parallax-content-moving"> <div class="wpb_column vc_column_container td-pb-span12"> <div class="vc_column-inner "> <div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_center"> <figure class="wpb_wrapper vc_figure"> <div class="vc_single_image-wrapper vc_box_border_grey"></div> </figure> </div> <h2 style="font-size: 40px;color: #194878;text-align: center;font-family:Vollkorn;font-weight:400;font-style:normal" class="vc_custom_heading wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >ROYALDELUX: Wellness Vacations for Women in Spain.</h2> </div></div> </div></div>
Code for the same row after updating & rolling back theme version:
<div id="td_uid_3_59259d4ea8fc9" class="tdc-row stretch_row_content_no_spaces">
<div class="vc_row vc_custom_1492079823877 td_uid_33_59259d4ea904b_rand wpb_row td-pb-row" >
<style scoped>
/* tdc_composer_block - inline css att */
.vc_custom_1492079823877{margin-top: -48px !important;background-color: #f9f4eb !important;}
</style>
<div class="vc_column td_uid_34_59259d4ea94b9_rand wpb_column vc_column_container td-pb-span12">
<div class="wpb_wrapper">
<div class="wpb_wrapper td_block_empty_space td_block_wrap vc_empty_space td_uid_35_59259d4ea98de_rand " style="height: 50px">
</div>
<div class="wpb_wrapper td_block_single_image td_block_wrap vc_single_image td_uid_36_59259d4ea9a45_rand td-single-image-">
</div>
<h2 style="font-size: 36px;color: #194878;text-align: center;font-family:Vollkorn;font-weight:400;font-style:normal" class="vc_custom_heading mycustomH2 wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >ROYALDELUX: Wellness Vacations for Women in Spain.</h2>
<div class="wpb_wrapper td_block_empty_space td_block_wrap vc_empty_space td_uid_37_59259d4eab42b_rand " style="height: 50px">
</div>
</div>
</div>
</div></div>
-
This reply was modified 9 years by
chart.
Dear Support,
Could you pls help me make the right adjustment for my mobile view.
On my home page, I have “Sell in Warri Market and Buy in Warri Market” text. The position of both text are ok for me on the desktop view. But on the mobile view, The “Buy in Warri Market” is on the second line of the screen. I want both the “Sell in Warri Market and Buy in Warri Market” to be on the same line on my mobile view. I will appreciate css code adjustment to make this possible.
Note: I am not using mobile version for my site. The plugin is disable.
Thanks
Hi Simion,
Thank you for your response.
I checked the first issue and it’s only happends on Firefox. Chrome seems to work fine.
The background issue is fixed by activating the parent theme. I only have a functions.php, page.php and header.php besides the style.css in my child theme. I figured out it’s the page.php that is causing the problem.
I don’t just want to throw it out, because it’s in there for a reason, but it has been a while since I’ve edited it. I have no clue what I changed, can you recognize anything?
<?php
/* ----------------------------------------------------------------------------
the default page template
*/
get_header();
//set the template id, used to get the template specific settings
$template_id = 'page';
$loop_sidebar_position = td_util::get_option('tds_' . $template_id . '_sidebar_pos'); //sidebar right is default (empty)
//get theme panel variable for page comments side wide
$td_enable_or_disable_page_comments = td_util::get_option('tds_disable_comments_pages');
//read the custom single post settings - this setting overids all of them
$td_page = get_post_meta($post->ID, 'td_page', true);
if (!empty($td_page['td_sidebar_position'])) {
$loop_sidebar_position = $td_page['td_sidebar_position'];
}
// sidebar position used to align the breadcrumb on sidebar left + sidebar first on mobile issue
$td_sidebar_position = '';
if($loop_sidebar_position == 'sidebar_left') {
$td_sidebar_position = 'td-sidebar-left';
}
/**
* detect the page builder
*/
$td_use_page_builder = td_util::is_pagebuilder_content($post);
if ($td_use_page_builder) {
// the page is rendered using the page builder template (no sidebars)
if (have_posts()) { ?>
<?php while ( have_posts() ) : the_post(); ?>
<div class="td-main-content-wrap td-main-page-wrap">
<div class="td-container">
<?php the_content(); ?>
</div>
<?php
if($td_enable_or_disable_page_comments == 'show_comments') {
?>
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span12">
<?php comments_template('', true); ?>
</div>
</div>
</div>
<?php
}
?>
</div> <!-- /.td-main-content-wrap -->
<?php endwhile; ?>
<?php }
} else {
//no page builder detected, we load a default page template with sidebar / no sidebar
?>
<div class="td-main-content-wrap">
<div class="td-container <?php echo $td_sidebar_position; ?>">
<div class="td-crumb-container">
<?php echo td_page_generator::get_page_breadcrumbs(get_the_title()); ?>
</div>
<div class="td-pb-row">
<?php
switch ($loop_sidebar_position) {
default:
?>
<div class="td-pb-span8 td-main-content" role="main">
<div class="td-ss-main-content">
<?php
if (have_posts()) {
while ( have_posts() ) : the_post();
?>
<div class="td-page-header">
<h1 class="entry-title td-page-title">
<span><?php the_title() ?></span>
</h1>
</div>
<div class="td-page-content">
<?php
the_content();
endwhile;//end loop
}
?>
</div>
<?php
if($td_enable_or_disable_page_comments == 'show_comments') {
comments_template('', true);
}?>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar" role="complementary">
<div class="td-ss-main-sidebar">
<?php get_sidebar(); ?>
</div>
</div>
<?php
break;
case 'sidebar_left':
?>
<div class="td-pb-span8 td-main-content <?php echo $td_sidebar_position; ?>-content" role="main">
<div class="td-ss-main-content">
<?php
if (have_posts()) {
while ( have_posts() ) : the_post();
?>
<div class="td-page-header">
<h1 class="entry-title td-page-title">
<span><?php the_title() ?></span>
</h1>
</div>
<div class="td-page-content">
<?php
the_content();
endwhile; //end loop
}
?>
</div>
<?php
if($td_enable_or_disable_page_comments == 'show_comments') {
comments_template('', true);
}?>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar" role="complementary">
<div class="td-ss-main-sidebar">
<?php get_sidebar(); ?>
</div>
</div>
<?php
break;
case 'no_sidebar':
?>
<div class="td-pb-span12 td-main-content" role="main">
<?php
if (have_posts()) {
while ( have_posts() ) : the_post();
?>
<div class="td-page-header">
<h1 class="entry-title td-page-title">
<span><?php the_title() ?></span>
</h1>
</div>
<div class="td-page-content">
<?php
the_content();
endwhile; //end loop
}
?>
</div>
<?php
if($td_enable_or_disable_page_comments == 'show_comments') {
comments_template('', true);
}?>
</div>
<?php
break;
}
?>
</div> <!-- /.td-pb-row -->
</div> <!-- /.td-container -->
</div> <!-- /.td-main-content-wrap -->
<?php
}
get_footer();
Hello atalhoy,
You sohuld try using the code below and place it in Theme panel->Cusotm CSS Area.
The correct code, using the right sharing classes ->
.td-social-google, .td-social-pinterest {
display:none!important;
}
The result is here -> https://www.screencast.com/t/czrRN9dl3A
Hi,
Please follow all the advice provided above. You can always search the forum for more useful information about page speed optimization tips and guides
– https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
– https://forum.tagdiv.com/topic/page-speed-optimization-google-insights/
You can find many more similar topics on the forum, from which you can learn much.
Thanks
Hi,
You can try this custom css in Theme Panel > Custom Css – https://www.screencast.com/t/vpVmX2oyEDVH
.td_block_image_box.td-image-box-style-2 .entry-title {
font-size: 10px;
}
Thanks!
but on google’s page speed(https://screenshot.net/8xgm2by, https://screenshot.net/xmj1vtx) tool it shows poor. How to fix that? Caching plugin will boost up speed for returning users only but for new users, it will take time to load the theme. How can I Minify CSS, javascript, HTML?
Hello Ginebiene,
If you want to remove that gradient, you should use a bit of CSS code to do this. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-image-gradient-style7:after{
display:none;
}
Also, if you want to change the light of them, you should change the parameters from the following CSS rule, like this ->
The code is ->
.td-image-gradient-style7:after{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0.8) 100%);
}
Thanks for the message!
Hey guys,
I have updated to Newspaper 8.0. At first I had some problems with no margins on any of my pages, but somehow after fiddling with the CSS in my child theme, it magiccaly dissapeared without really changing something.
Now I need help with the following:
The (alt)title of a image appears for a second before actually loading the image which is very ugly. That wasn’t the case before the update. Example: http://www.screencast.com/t/DR1sSnBAq6GK
Also on the homepage the width (of the main page wrapper its called I think) is stretched out to the sides. Please see the problem here > https://tinyurl.com/mgm9h45
Hope to hear from you soon.
Thanks!
Hello dominic.ken,
You should change the Image Box Block settings because from there you can customize your Block as you wish, like this -> https://www.screencast.com/t/hjM1hCWOz If you want to change the font, you should use a bit of CSS code to do this because the theme does not have any such an option that allows you to change this, sorry! If you need more assistance in this regard, please provide your website URL with your Image Box Block so I can take a closer look at it and also, so I will be able to provide a more accurate code.
Thanks for the message!
Try this-
Find the style.css file and find the code- .td_block_wrap .
Under it, you will find:
margin-bottom: 48px;
position: relative;
clear: both;
Simply change margin bottom to 20px. That should do.
Hi,
That particular smart list style uses thumbnail size for the images displayed. Other smart list templates have different styles and display images differently, that may be be more suited for your purpose. These styles are predefined in the theme, and at the moment you can only choose from the available ones. Maybe more styles will be made available in future updates but I could not say for sure when this will happen.
The images when clicked will open in a lightbox, there is no option to disable the lightbox in the smart lists. You could however cancel this effect with a code like this
.td-slide-smart-list-figure {
pointer-events: none;
}
If you enter this code in Theme panel->Custom Css nothing will happen when the image is clicked in the smart list.
Thanks
</div>
</figure>
</div>
<h2 style="font-size: 40px;color: #194878;text-align: center;font-family:Vollkorn;font-weight:400;font-style:normal" class="vc_custom_heading wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >ROYALDELUX: Wellness Vacations for Women in Spain.</h2>
</div></div>
</div></div>