Search Results for 'css'

Hi,

!. You can use the do_shortcode() function and add the shortcode for the news ticker directly into the post template, like this:

First go to VC page builder and customize the ticker then switch to classic mode and get the ticker shortcode: http://screencast.com/t/04wufgypnN1I and add it to the loop-single.php file like this: http://screencast.com/t/1KuOePag
Result: http://screencast.com/t/IHXIudCMfY9k
For changing the “Trending Now” title you can use the translation panel and change it like this: http://screencast.com/t/NQuwThYX or hard coded, like this: http://screencast.com/t/4RBappdbLltH

2. You can disable the sharing and like/tweet buttons from theme panel: http://screencast.com/t/wsaMNsoa7ct then add you own using shorcodes or other method and place them into the post template replacing the buttons: http://screencast.com/t/HjUfJerVcW

3. From theme panel > post settings, like this: http://screencast.com/t/uaZi1AjF0a
4. Use this custom css in theme panel > custom css field:

.td-scroll-up {
display: none;
}

Thanks

Hi,

You can use this css for the width issue: http://screencast.com/t/tuAWXPP4

.td-pb-padding-side {
padding: 20px 0px 0px 0px;
}

You can use this guide: https://forum.tagdiv.com/child-theme-documentation-newsmag/
Hope this helps!

Thanks

Hi,

Please use this css: http://screencast.com/t/JDOQltiik

.td-post-content a:visited {
color: red;
}

Thanks

Hi,

It seems to be a css issue, do you have any custom css?
Try to disable all plugins and check if the issue is still there. Also try to re-upload the theme, overwrite all files.

Thank you, Emil G.

Hi,

You can find all thumbs sizes for all modules in the functions.php file: http://screencast.com/t/7w89LMscp
To add another you ca use this method: https://forum.tagdiv.com/topic/how-to-set-up-a-bigger-pics/#post-17911
You can enable the view icons on block 4 like this: http://screencast.com/t/k91nHigcG2h
You can do it from theme panel > custom typography > big post size (in blocks)-title font: http://screencast.com/t/okETHXxUgu
Or use this css to change it just for block 8: http://screencast.com/t/nXshJSOeBKH8

.td_block8 .td_mod5 .entry-title a{
font-size: 15px;
}

Thanks

Hi,

You can use this custom css to customize the post style 7 header, like this: http://screencast.com/t/u5JY4OGIFk

.single_template_7 header {
background-color: black;
padding: 10px;
}

.single_template_7 header h1, .single_template_7 .meta-info, .single_template_7 .td-post-author-name a, .single_template_7 .td-post-comments a, .single_template_7 .td-icon-comments:before {
color: white;
}

Thanks

Hi,

You can add an custom css class like this: http://screencast.com/t/JcjeVNdfO2S then use Chrome’s or other browser inspect tool to see what css was used for the menu as would need more than adding a class to achieve this.
If you don’t have any html/css basic knowledge and don’t know how to do this we suggest you to hire someone to help you with it as this needs custom work and we cannot offer any type of custom work at this time because we work hard on development, updates, fixes and support and we don’t have time left. You can also get a freelancer from sites like: http://studio.envato.com/ if don’t have anyone to helps you with this.

Thanks

Hi,

Unfortunately the theme doesn’t have an option that allows you to do this but you can try the same method and use the ACF plugin or another plugin which gives you the ability to do this.
If you don’t have any html/css basic knowledge and don’t know how to do this we suggest you to hire someone to help you with it as this needs custom work and we cannot offer any type of custom work at this time because we work hard on development, updates, fixes and support and we don’t have time left. You can also get a freelancer from sites like: http://studio.envato.com/ if don’t have anyone to helps you with this.

Thanks

Hi,

Thanks for reporting this, I have check and seems that we have some issues with comments pagination, I will add this on our issue list and we will try to fix this in the next update, until then you can try adding this: http://pastebin.com/7fTzBWZ3 to the comments template like this: http://screencast.com/t/rqN9IfVr7
This will add numbered pagination also, add the css below to style it like this: http://screencast.com/t/blfZVAQgHb2

.navigation{
width: 804px;
margin: auto;
display: block;
font-family: Helvetica,Arial,sans-serif;
font-size: 14px;
text-align: center;
font-weight: bold;
margin-top: 20px;
margin-bottom: 20px;
}

.navigation a:hover {
border: solid #222 1px !important;
background-color: #4db2ec;
color: white;
font-weight: normal;
}

.navigation a:link, .navigation a:visited {
border: solid #ccc 1px;
padding: .2em .4em;
}

As for the message that your comment is under moderation we suggest you find a plugin that dose that or get someone to do it for you as the the theme dose not have an option for it.

Thanks

• This reply was modified 11 years by Lucian.

Hi,

Please use this custom css and add it in theme panel > custom css filed: http://screencast.com/t/KkcferPT

.post p a {
border-bottom: 1px dotted #999;
font-weight: 700;
color: red;
}

.td-post-content a:hover {
text-decoration: none !important;
}

Please note that this will apply just to post’s paragraph links, change the color as you like.

Thanks

Hi,

Thanks! Please use this custom css to change the list images: http://screencast.com/t/X1jCQBdL

.td-post-content ul {
list-style: url(https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.2365-6/851584_550213765042223_593501542_n.png);
}

.td-post-content ul > li:before {
display: none;
}


Replace the list style url path with your own and add the other lists that you want to style like this to the css as this is just for posts lists.

For quotes it’s not that easy. You can chose pull quotes center style for example then replace the content the “before” element which contains the right quotes image with your own then style the quotes to look and fit well with your image.
Ex:

1. set pull quotes center: http://screencast.com/t/v1QPOfu1Asb
2. replace the background image of the first quotes with your own and hide the other from the right. You also need to change the height and width values.
Here is an example of how it could look: http://screencast.com/t/m5JuU7Ef

.post .td_pull_quote p:before, .page .td_pull_quote p:before {
background:url('http://islamicartdb.com/wp-content/uploads/cache/2014/12/quote-icon-def/780757907.png') no-repeat;
width: 50px;
height: 50px;
top: 10px;
}

.post .td_pull_quote p:after, .page .td_pull_quote p:after {
display: none;
}

You need some css/html knowledge to get this done so if you don’t know how to customize this we suggest you to get a freelancer from sites like: http://studio.envato.com/ as you need custom work for this and at the moment we cannot provide custom work as we work hard on the development, updates, fixes and support.

Hope this helps!
Thanks

Hi,

I haven’t found any css related to this issue among the css you provided. Please also make sure that you have this enabled in theme panel as the featured image could also be remove from here: http://screencast.com/t/N3jfM0xu6 Also make sure again that you use the standard post format.

Thanks

Hi,

@Steven Seems that you have managed to do it as I have checked your site and found that you don’t have the meta tag on slider anymore: http://screencast.com/t/FZUZTv1hl1

@acluk Use this css to completely remove that meta box: http://screencast.com/t/Eq2qxqX0H

.slide-meta{
display: none;
}

Thanks

Hi,

Unfortunately not as we cannot offer custom work at this time. You can use something like this: http://screencast.com/t/G0F7spi0N5s
Add this line: <a class="td-social-sharing-buttons td-social-twitter" href=""><div class="td-sp td-sp-share-twitter"></div><div class="td-social-but-text">SHARE THIS!!</div></a>
Change the css classes and use the new ones to target and style the container.
If you don’t have any html/css basic knowledge and don’t know how to do this we suggest you to hire someone to help you with it as this needs custom work and we cannot offer any type of custom work at this time because we work hard on development, updates, fixes and support and we don’t have time left. You can also get a freelancer from sites like: http://studio.envato.com/ if don’t have anyone to helps you with this.

Thanks

• This reply was modified 11 years by Lucian.

Hi,

You can fix this by adding this css in your custom css filed in theme panel: http://screencast.com/t/8gxKinceni0Q

.td-classic-facebook {
margin-right: 20px;
}

Thanks

Hi,

Please use this custom css to fix this: http://screencast.com/t/uZ9Yg4ueuhWC

.td-a-rec-id-content_inline {
text-align: center;
}

Thanks

Hi,

You can see here that the padding for this span tags are the same: http://screencast.com/t/tQDCHMQbahct
the issue appears when you set this top margin to 0: http://screencast.com/t/JwHULeG29r5n and if you remove it like I did in the screen then the title look better so I suggest you leave that margin as it is and remove the padding form the top of the container if you want to remove the white space, like this: http://screencast.com/t/VMQgKEpS
Use this css for that:

.td-footer-container .widget .block-title {
margin-top: 21px;
}

.td-footer-container {
padding: 10px 0px 10px 0px;
}

The border is added at the top of blocks, in your case the border isn’t there because you use a slide there and the slider doesn’t contains a border at top of it, you can use this custom css and add a border at the bottom of block 1, like this: http://screencast.com/t/5bD7mZkUy

Thanks