Search Results for 'css'

Hello mayaguez,

1)Unfortunately, our theme does not have any such an option for Big Grids to add titles, sorry! If you want to this, you should use the following trick with Visual Composer and also, a bit of CSS code.
-> https://www.screencast.com/t/OstFywn3Z and then you should use the following code and place it in Theme panel -> https://www.screencast.com/t/18eboByFIv

Thanks for your understanding

Hi,

Try this code, just enter it in Theme panel->Custom Css – https://www.screencast.com/t/7Mp5IgUA

.td-related-title.td-block-title {
background-color: transparent;
}

If this does not fix the problem, please provide a link to your website so we can inspect it.

Thanks

Hi,

Unfortunately I wish it were that easy :). Css cannot make the background only show up inside that particular area. The background is added on a separate container behind the content and it’s not easy to resize the whole container. Sorry
The css method we provided is the easiest one. If you require a different implementation, we suggest hiring a developer to help out as we cannot offer any custom work at the moment.

Thank you!

Hi,

Please add this code in the theme panel-> custom css box:
.single-movie .td-post-date{
display:none!important;
}
I could not find any author name though.

Thank you!

Hello,

1) I’m not sure how your title is not centered. Here is how it displays on our end: https://demo.tagdiv.com/newspaper/td-post-lenovo-details-new-computers-that-could-be-heading-our-way-in-2015/
If you want to decrease the size of the container it can only be done with css. Here is an example:
.td-post-template-7 .td-post-header{
height: 415px!important;
}
Add the code in the theme panel-> custom css box.

2) The content width cannot be changed as all the theme elements depend on this fixed width. There is no solution I can provide in this regard

3) The only way of adding anything automatically for all posts at once is by altering the theme files and adding the widget shortcode with a ‘do_shortcode’ function on each post style you use: https://www.screencast.com/t/iyCusKK9yi
as an example: https://forum.tagdiv.com/topic/change-order-ads-on-post-template/

4) The same method as 3. There is no other way of adding content for all posts at once.

5) https://forum.tagdiv.com/how-to-use-visual-composer/

6) Please use this guide: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/

7) Please provide a swcreenshot of how you set the ajax filter in the back-end and make sure the spoecific category has posts to show.

Thank you!

Hello Ace,

You can hide it with a bit of CSS code. Try the code below and place it in Theme panel->Custom CSS Area.

The code is ->

.td-pb-row [class*="td-pb-span"]{
border-left:0!important;
}

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

Thanks for the message!

Hello,

If you want to make these changes, you should use a bit of CSS code. Try the code below and place it in Theme panel->Custom CSS Area.

The code is ->

.sf-menu > .current-menu-item > a{
background-color: black!important;
color: white!important;
}
.sf-menu > li > a:hover, .sf-menu ul{
background-color:black!important;
color:white!important;
}

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

Please keep in mind that we do not have customization’s department and in the future, you should do it yourself all of your customizations because we cannot provide something like this, at the moment, sorry! It is good to know that we have a useful guide that if you will consult it you will know how you can create your own custom CSS code. Please check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello,

The menu was not meant to be modified in the way you want it. The path was not clear from the start and you cannot change the css broken into many pieces without knowing the end of the project. This type of approach leads to this kind of bumps that cannot be overcome. The css got too complicated because of your multiple requests for css customization codes and provided by multiple people. The only proper fix for this is to scratch the css and hire a developer if you want to customize the headers as customization is not part of the theme support. The services you require fall beyond what the theme support can offer you. This type of customization usually takes quite a bit of time and we cannot allow too much time on a single request as we have lots of messages to answer to. Please understand we try to help out where we can but we are not a customization department. If you are unsatisfied with our theme or our theme support, we have offered your money back as a sign of good will.
Our theme offers 10 header styles to choose from. Header style 10 already provides the customization you require out of the box. You can simply choose style 10 and remove the custom css for your current header style. This should have been the first step to take in your goal.

Thank you for your patience and understanding.

Hi,

Try this code, as it may provide a fix for this issue you are having at the moment – https://www.screencast.com/t/gABddFDml – https://www.screencast.com/t/RgDe20lGR You must enter it in Theme panel->Custom Css

.td_top_authors .td-authors-url {
white-space: normal!important;
}
.td_top_authors .td_mod_wrap {
padding-bottom: 15px!important;
}

Thanks

Hi,

Unfortunately it is not so easy to make the changes you want. The theme has the available options for header styles, each with a different layout. These were specially created and tested to work properly in all cases. If you want to modify the properties of a header style you can use the browser inspector tool to identify the elements used and their classes and create custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ and also take in acoount the responsive design when you make these modifications. I see that you have made the header menu full width, the sub menu is related to the menu item you are on, so the best you could do is use a code like this – https://www.screencast.com/t/47uUZPmzA but in the case where a background is set, like post template 8 it will not be easy to make the menu full width. This is the code you must enter in Theme panel->Custom Css

.td-header-style-5 .td-mega-menu ul {
left:auto!important;
}

Thanks

Hi,

It is possible to achieve something like that with the post pagination, this is where the post pagination is defined – https://www.screencast.com/t/QcaRTizvH506 and where you can make the changes. You could make modifications like this – https://www.screencast.com/t/gWPCfHx4BSZ. Then with a little bit of styling you can have this result – https://www.screencast.com/t/QKan1on2bSf This is just to point you in the right direction, you can experiment with it to further customize the pagination if you want. This is the code I used after modifying the theme file, it must be entered in Theme panel->Custom Css

.page-nav-post div {
float:right;
margin-left: 5px;
}

Also you can position the navigation more to the middle with a code like this – https://www.screencast.com/t/hAkbxkPBrupI

.page-nav-post {
margin-left: 25%;
}

Thanks

Hello,

The date and time is added or removed across the whole site, not just in psecific parts. If you want to remove the data and time from comments you can use this code:
.comment time{
display:none!important;
}
Add the code in the theme panel-> custom css box.

Thank you!

Hello,

If you have too many re-writes to the css then this will happen. If you do not want this effect add your code directly at the bottom of style.css found in the main folder of the theme

Thank you

Hello,

Thank you for your kind words.

1) Add this code in the theme panel-> custom css box:

.td-footer-wrapper .td-pb-span4 .widget_facebook_likebox .td-block-title span a{
color: #f8b133;
}

2) You cna fix it using this code:
.td-footer-wrapper div .td_block_template_8 .td-block-title > *:before{
background-color: #f5f5f5!important;
}

You can change the color in the code to one that feels more appropriate. I added the exact same color from the top header blocks but it appears too bright compared to the dark blue of your footer background.

Thank you!

Hello,

Please provide a link to your site so I can inspect it and provide the css code needed.

Thank you!

You will have to create the css based on the particular post id. Each post has it’s own unique id you can target and create the css for that particular id only, or for that particular post type as well.
Please provide a link to your post and I can provide an example code
Thank you!

Hi,

Remove the code provided previously regarding the read more, from the Theme panel->Custom Css. Then enter this one with the font color corresponding to the date like you asked – https://www.screencast.com/t/0Uf2Xbwu

.td-read-more a {
background-color: white;
color: #aaa;
}

Here is a tutorial about the browser inspector tool to help you identify the elements on the page and their classes and create custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello,

Sorry but the theme settings affects the grid on all of the site. It is very hard to target just a single page as there are lots of elements to target with css to make them transparent in particular. We try to help out where we can if the code is not too time consuming but changing the grid lines manually requires quite a bit of time to handle.

Thank you for your understanding!

Hi,

You can use the code provided for the facebook widget, as I do not think it affects the links in the post content. The link should inherit the theme accent color by default – https://www.screencast.com/t/FH75d5L37Gm or the color set for it in the post settings – https://www.screencast.com/t/DLgUPMfGgH You could use this code to make the link text color however you like – https://www.screencast.com/t/DFRRQqJ4ukVV just enter it in Theme panel->Custom Css

.td-post-content a {
color: blue;
}

Thanks