Search Results for 'css'

Hi,

The theme has not been designed to have a dynamic width. The container width is defined in the theme’s style.css file – https://www.screencast.com/t/CZsAfuXHWa but it is not recomended to change it because it will damage the layout of the page and all the elements that depend on that width – https://www.screencast.com/t/isBJFh4k3x9 – https://www.screencast.com/t/7EhgFluyy and they will have to be modified also and this requires custom work and coding knowledge on your part.

Thanks

It works on mobiles as well but you will have to increase your loading speed a bit. It takes a bit until the css is applied. After the page is loaded completely, the css will work.
Please use this guide to increase your loading speeds: https://forum.tagdiv.com/how-to-make-the-site-faster/

Thank you!

Hello newsmaguser,

Please keep in mind that the yellow color which is present in Scandal Magazine Demo is the main theme color which is available for the entire theme. So, if you want to change this color for your above-presented section, you should use the code below and place it in Theme panel->Custom CSS Area.

The code is ->

.td-scandal .td-post-template-4 header {
background-color: red!important;
}
blockquote p {
color:red!important;
}

The result is -> https://www.screencast.com/t/LsGbaNKeb5QN

Also, if you want many changes for this demo version, you should try to check the style.css core file for this demo and you should do it yourself all of them because we cannot provide customization services at the moment, sorry! -> https://www.screencast.com/t/125CQ8zI

Thanks for your understanding!

Hello Syams,

If you look above, I gave you a custom CSS code which hides the Author card for a certain post. Please keep in mind that the Author Card will display only the author of the post.
If you want anything else, please provide more details, sorry!

Thanks for your message!

Yes, the limitation is from visual composer as both these elements are visual composer elements and not theme elements.
Did you try the code from the top of this conversation?
.vc_tta-container .wpb_video_wrapper iframe {
height:100%!important;
}
This is the code Catalin mentioned for using in the theme panekl-> custom css box. I have just tested it and seems to work resizing the video
Simply add the code here: https://www.screencast.com/t/MnJB5rnQVXq

Thanks.

Hi,

You must create an image logo with the size you want in mind and upload it as shown, in the logo section. The logo size in the car demo is originally 1920x580px – https://www.screencast.com/t/3ACC4b5GMW and is displayed in it’s native size.
If you use that css code you are just stretching the 300x91px current logo to 1920px – https://www.screencast.com/t/WRyFiIJH hence the blur on the image.

Thanks

Hello

Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-newsmag-travel .td-container {
background-color: rgba(255, 255, 255, 1);
}
.td-newsmag-travel .td-footer-container {
border-bottom: none;
background-color: rgba(0, 0, 0, 0.8);
}
.td-newsmag-travel .td-sub-footer-container {
background-color: #000;
padding: 7px 0 7px 0;
}

Thanks.

Hi,

You can set a post limit in the Slide settings like this – https://www.screencast.com/t/lwlXtOmkekw resulting in a single post displayed in the slide. To hide the left/right arrow in the slide use this code, enter it in Theme panel->Custom Css

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

Thanks

Hello tamam,

The simplest way to do this is to use a block which is sorted by latest articles and then, using the do_shoercode method you have to edit the file corresponding to post template used by you. For example, if you are using the post template style 1 you should edit the loop-single-1.php -> https://www.screencast.com/t/hzIXdkGPs54 -> https://www.screencast.com/t/MBVFnZOWvKRa
The code is -> <?php echo do_shortcode('[td_block_1 tdc_css=""]');?>

Thanks for your understanding!

Our theme together with wordpress seo provide all the necessary markup for the reviews on google:
https://yoast.com/wordpress-seo/
It however depends on google as well. The theme cannot force google to show anything. It can nonly provide the information needed for it.
As for the review text, it can be changed with css like so:
.td-review-summary-content{
font-size:15px!important;
}

Thank you!

Hello,

There are no logo restrictions in header style 10./ The logo will show as big as you upload it in. Just make sure you use the full size and not a thumbnail of your logo from the wordpress media section (bottom right of the screen). As for the white speace you can add this code in the theme panel-> custom css box:
.td-header-style-10 .td-logo-wrap-full{
padding-bottom:20px;
padding-top:20px;
}

Thank you!

Hi,

Post your link here in the topic and i will take a look, also you can use this code to reduce the margin, enter it it Theme panel->Custom Css

.td-post-sharing-top {
margin-top: -15px;
}

Result – https://www.screencast.com/t/tpwkOIZy
Thanks

Hi,

You can achieve this using do_shorcode for the slide and news ticker elements – https://www.screencast.com/t/r69O5yQOw – https://www.screencast.com/t/IevYmognHVo8
Add this code in index.php file – https://www.screencast.com/t/gcBlf2JX so it looks like this – https://www.screencast.com/t/KExUJ75ghT
This is the code for the News ticker and the Slide element

<?php echo do_shortcode('[vc_row][vc_column][td_block_trending_now tdc_css=""][/vc_column][/vc_row][vc_row][vc_column][td_block_slide tdc_css=""][/vc_column][/vc_row]');?>

To hide the “blog” in the breadcrumbs so it displays just “Home” use this code, just enter it in Theme panel->Custom Css

.home .td-bred-no-url-last {
display: none;
}

Result – https://www.screencast.com/t/bTp8TAq7X
Please let me know if this does not work for you or you have further questions

Thanks

Hello,

I assume on the post itself is what you are looking for.
Try this css and change the category name for it:
.single .category-travel .td-post-featured-image{
display:none!important;
}

Thank you!

Hi,

There seems to be a padding-right property set on the image thumbs – https://www.screencast.com/t/pYjKcNziDxSe resulting in this – https://www.screencast.com/t/buAjjok3zjw Please check any custom css code you may have entered in Theme panel->Custom Css panel and also if you are using a child theme – https://www.screencast.com/t/HPbD9uoO9x try switching to the main theme and see if the problem remains, or remove any modifications to the module thumbs.

Thanks