Search Results for 'css'

Hi,

It can be done using custom CSS.
top ad:

.td-g-rec-id-content_top{
float:left;
padding:15px
}


You can change the padding value and the position of the float: left or right.
The bottom ad is already floated right. You can move it left if you want:

.td-g-rec-id-content_bottom{
float:left;
}

Thanks.

Hi,

I cannot recreate this on my side, so please change to the header you want to use so I can inspect this. Also you can check this without any plugins active and remove the custom css(if you use any code).

Thanks!

Hi,

1. This gap comes from the block title, even if it is not displayed the container is still there. So you can try this custom css in Theme Panel to hide block title when it is used in Tabs element – http://screencast.com/t/zoaBg7LwVDYo

.home .td-pb-span4 .vc_tta-tabs .block-title {
display: none;
}

2. We did not tested P3 PLugin Profiler to see how it works, but what I can see from your screenshot you use the same number of plugins(7) even if they are different and the Contact Form 7 plugin has big impact on your site now – http://screencast.com/t/tCmE7SjhbG

Thanks!

Hello Kohram,

The spacing is a design option added in CSS. Use this code to override the default values:

.td_block_9 .td_module_8{
padding-bottom:1px!important;
margin-bottom:1px!Important;
}

result: http://screencast.com/t/YJvVjPMLLi

To reduce font-size use this code:

.td_block_9 .td_module_8 .entry-title{
font-size:12px!important;
}

Thank you!

Hi,

Sorry for delay we missed your post as this topic was solved!
Not sure waht you mean the css provide should not affect anything than the logo(added margin) and the space between the Big Grid and the menu.
Please check this without any plugins active except of Visual Composer, clear cache and see if you still have this issue. Also verify the the custom css maybe you have added another code.
If the issue persist please provide a screenshot to be sure where I should look and I will inspect this.

Thanks!

Hello,

You can achieve this by adding a border to the sidebar. Use this custom CSS:

.single-post .td-ss-main-sidebar{
border-left: 2px solid grey;
padding-left:10px;
}

Add it in the theme panel->custom CSS box

Thank you!

Hi,

I have checked your site and I see that you use header style 7.
Unfotunately this style was not designed to display to many elements, but if you want to use this, it can be adjusted via custom css in Theme Panel > Custom Css – http://screencast.com/t/7ybNePPW9A5

.td-header-style-7 .menu-lower-header-menu-pages-container {
width: 76%;
float: right;
margin-bottom: 20px;
}
.td-header-style-7 .sf-menu > li > a {
line-height: 40px;
}
.td-header-style-7 .td-header-sp-logo {
margin-right: 20px;
}

If you have issue with another header style, please switch to it and let me know what the issue is.

Thanks!

Hello chauffeur,
The problem with the title background not going all the way to the right of the container was a design choise. You can adjust this with custom CSS:

.td-big-thumb .td-meta-info-container{
width: 100%!important;
}

As for the titles that get over the image, the problem is not the title. It is your image. It just so happens that the image gets cut off near the title because it’s size does not correspond to the big grid aspect ratio.
The title is supposed to be over the whole image. Or in a different way to put this, the image is supposed to fill the container and fill the title as well. You can try to upload a different picture to the post in the big container and see what i mean.

Thank you!

Hi Patrick,
The category tag has to be enabled on modules. Each module has it’s own enable button.

1) Enable the category tags on modules:
http://screencast.com/t/vuzc13XPnxK
result: http://screencast.com/t/LiZWwTWpCe

2) If you want to hide the category title on specific blocks there is no option from the theme panel to do that but there is a workaround. You can add an extra class to the row in which the block is placed :http://screencast.com/t/PrldZnw3 and then use this custom CSS to hide the category title on the blocks that have this class set to them:

.hide-category-title .td-post-category{
display:none;
}

result: http://screencast.com/t/hJj0mVAviFEW (removed tags from the middle block)

Thank you!

Hello Petra,

It is true. For the big grids to fill with images faster you need to tinker a bit with the page speed.
Try to follow our tutorial here: https://forum.tagdiv.com/how-to-make-the-site-faster/
Another thing you can try is to disable lazy load from the theme panel: http://screencast.com/t/uI82jAjFgqA
Unfortunately, there is only so much you can do to reduce the delay time for the images. If you check our demo, you can see that it has a delay time also on the big grid: http://demo.tagdiv.com/newspaper/
Another thing you can do is remove the grey background color if you want by using this custom css:

td-big-grid-post .td-module-thumb {
background-color: rgba(229, 229, 229, 0);

Place it in the theme pane;->custom CCS box

Thank you!

Hello,
You can use this cutom css to remove all page navigation.

.page-nav{
display:none;
}

Just keep in mind that it will disable pagination on all pages.
Thank you!

Hello Thierry,

I just set it to a H2 as an example. You can have a paragraph or H6 or anything you want there.
You can then change the font size with CSS.

Thanks.

Hello Bintmusic,

Unfortunately the theme does not have an option for that, but you can edit the core files to achieve the result you want:
Edit single_template_11.php:
http://screencast.com/t/brX8NPozxEQG
And you can add your own content with HTML elements and style them with CSS.
Result: http://screencast.com/t/gPzfTQaltS

Thank you!

Hello Jocaob,

Half of your header you can get from the theme panel by choosing header style 10. Centered menu and logo on top. For the social icons and date you need a bit of custom work.

1) chose header style 10
2) copy this code: http://pastebin.com/tgK2Ebu1 in your header-style-10.php and replace the existing one.
3) add this custom css in the theme panel:

.xdate{
color:grey;
float:left;
font-size: 16px;
padding: 1px 1px 1px 1px;
}
.header-menu-social{
display:table;
}
.custom-container{
width:720px;
margin-left:auto;
margin-right:auto;
}
@media (max-width: 700px) {
.custom-container{
width:80%!important;
}
}

You should have this result now: http://screencast.com/t/dyf55VPTCU7M
It will need a bit of adjusting on responsiveness and the mobile version but i think you can manage from here.

Thank you!

Hi,

You can try this custom css in Theme Panel > Custom Css for block 3 on mobile device – http://screencast.com/t/gkkb90eDx8g7

@media(max-width: 767px) {
.home .td_block_3 .td_module_1 {
padding-bottom: 10px;
}
}

Thanks!

Hi,

You can use this custom css in Theme Panel > Custom Css to hide it – http://screencast.com/t/XwgkJQbSkm

.td_block_related_posts .td-next-prev-wrap {
display: none;
}

Thanks!

Hi,

1. You can hide post views via custom css in Theme Panel > Custom Css – http://screencast.com/t/nwr7yQRBX

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

2. Please make sure you select all elements from Visual Composer settings(and save) – http://screencast.com/t/CLOL9hsaZ
3. Please check the Tag template and change the module(the search module doesn’t exist in version 6) – http://screencast.com/t/Tb918utRX

Thanks!

Hello Carly,

You can try this easy method to get it done. Just access your header-style-9.php and replace the whole code with this one: http://pastebin.com/q7aS0Dt2
Then place this custom css in the theme panel:

.td-a-rec-id-custom_ad_1 > div{
margin-bottom:0!important;
}

Make sure you have an ad placed in the custom ad 1 box.
Now you will have 2 responsive ad’s. One on the top next to the logo and one on the bottom of the menu.
result: http://screencast.com/t/dIlJe3giRe

Thank you!