Search Results for 'css'

Hi,

You can do this with custom css:

.postid-xx .td-more-articles-box{
display:none;
}

Thanks!

Hi,

The logo on cafe demo stack is used at this dimensions: http://screencast.com/t/fq02dOV3gH0 You can apply a padding to the logo container like this: http://screencast.com/t/VlDOnruDz
Use this css and header style 3 :

.header-style-3 .td-full-logo {
padding: 50px 0 !important;
}

Thanks

Hi,

You can fix this using this custom css in theme panel > custom css filed: http://screencast.com/t/teoCt4qNPSx

@media (max-width: 500px) {
.mobile-logo-wrap img {
max-width: 50%;
}
}

Thanks

Hi,

Those image are styled like that via css and have an border radius property set: http://screencast.com/t/FdK8heGwmS
You can use the same method for those images you want to set like that.

Thanks

Hi,

The I have checked your site an noticed that you also use html/css/js minifyed which we don’t recommend as it can cause issue of this type.
Unfortunately we haven’t made any tests with Speed Booster Pack so I can’t provide you an accurate answer on how this but you can also address this question to plugins support or you can use the tagdiv speed booster plugin which was provided within theme files: https://forum.tagdiv.com/how-to-make-the-site-faster/

Thanks

Hi,

You can use the recommend size as it is right now and adjust it via css like this: http://screencast.com/t/KFhwg3mJ

.td-head-style8-logo-desktop img {
height: 68px !important;
}

@media (max-width: 1018px) and (min-width: 768px) {
.td-header-style-8 .td-style-8-content-wrapper .td-head-style8-logo-desktop {
display: block !important;
}
}


It can be of the same size(300×100) as it will be re-sized like this: http://screencast.com/t/AZV87Yuhhtb

Thanks

Hi,

Please use this custom css to make the arrows and caption filed appear like this: http://screencast.com/t/GwKYl5Dav

.td-doubleSlider-1 .td-slide-item .td-gallery-slide-copywrite {
display: block;
background-color: rgba(21, 19, 19, 0.38);
left: 0px;
text-align:center;
}

.td-gallery-controls-wrapper {
display: inline-block;
}

Thanks

Hi,

1. You need to do this hardcoded as the theme doesn’t have an option for this so you need to edit the posts template file/files you use and add a condition there to show author only if is the category you want. If you don’t know how to do it I suggest to hire a developer or a freelancer to do it for you as you need custom work for this and we cannot provide any at this time because we work hard on development, updates and support.

2. Unfortunately the mega menu is designed to work using subcategories and for this changes you need custom work as well.

3. Use this custom css to remove that white space: http://screencast.com/t/K8uNc3rOTO9

.home .td-pb-row [class*="td-pb-span"] {
margin-bottom: -99999px !important;
padding-bottom: 99999px;
}

.home .td-container {
border-bottom: 0px;
}

4. The thumbs used on mega menu are created when you upload an image, you need to regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/

5. You can edit the post template 2 (single_template_2.php) file and replace the date function using this WordPress function: http://codex.wordpress.org/Function_Reference/get_the_time and get the time format you need.

6. You can use css for this but the issue appears when you try to target it to apply the css just to it as the other sidebar are also added using an text widget so you need to find a way to add a custom class which you can use to target and apply your custom css using the media snippet I’ve pasted below:

@media (min-width: 768px) and (max-width: 1023px) {
add your css code here
}

7. Use this css to hide the views and comments: http://screencast.com/t/Fuptfv3R9jBY
To have the meta section of the slider to look like in the image you need custom work.

Thanks

Hi,

Make sure you add it like this: http://screencast.com/t/q6y00M2JYwx and also make sure you empty cache and check this without any plugins active. As you can see in the screenshot below I have also tested this and works fine.
Add the css pasted below or style it yourself as you like:

.wp-social-login-connect-with {
display: inline-block;
position: relative;
top: -10px;
}

.wp-social-login-provider-list img {
display: inline;
}

Result: http://screencast.com/t/j9ZGOOH54jJu

Thanks

Hi,

I have also tested this using your tweet link and haven’t found any issues, the tweet looks as it should: http://screencast.com/t/cNMpDFJQ3
I have also checked your site and found that you are minifying css/js which can be the cause of this and it can also be caused by other plugins so please make sure you test this without any plugins active and without any minifying options enabled and also remember to empty cache and purge files if you use any CDN hosting services.
Please let me know if you still have issues with this after doing this.

Thanks

Hi,

Yes, you can use custom css to reduce the font size on mobile screen view and use the media query that I have paste below to do it:

/* responsive phone */
@media (max-width: 767px) {

}

Thanks

Hi,

Unfortunately the theme doesn’t have an option for this and you would have to do it via custom css. Use your browser inspector to find the classes then use them to change the background color for the container you want via css.
Hope this helps!

Thanks

Hi,

You can set your background image or color using css like this: http://screencast.com/t/MCxw0zW2Lu

#outer-wrap {
background-color: red;
}

.td-header-bg {
background-color: transparent;
}


Thanks

Hi,

If you can provide more details about what you would want to do, maybe we could find a solution as there are may ways to target those div tags using css.
You can also add your classes but as you’ve mentioned you have to do it all over again after an update.
I will also add your suggestion to our requests lists and we will consider it for future updates.

Thanks

Hi,

Use this css for the images: http://screencast.com/t/L25693Vu

@media (max-width: 767px) {

.page .td_mod9 .thumb-wrap img {
width: 95% !important;
margin-left: 2.5% !important;
margin-right: 2.5% !important;
}
}

For title fonts you already have them changes via css so you just need to replace them: http://screencast.com/t/upMO5iMk

Thanks

Hi,

The code that Marius gave it to you selecting text the highlight color, works on mozzila.
Please try this css: http://screencast.com/t/mY7jaObFrX

::selection{
background-color: blue !important;
}

About tags and social share on page, unfortunately that is not possible as the theme doesn’t have an option for that and you will need custom work to customize it. If you need it you can try using a plugin or hire a developer to do it for you as we cannot offer custom work as we work hard on the development, updates, fixes and support.

Thanks!

• This reply was modified 11 years by Lucian.

Hi,

On our demo there is an empty paragraph tag that generates that blank space. It is not an theme issue, you can also add it using css, like this: http://screencast.com/t/jSBXywvmNYU
Add this custom css in theme panel > custom css filed:

.td_mod8 .td_read_more {
margin-top: 10px;
}

Thanks

Hi,

Please use the following css: http://screencast.com/t/V2oA5LiN

.iosSlider .slide-meta-author {
display:none;
}

Thanks!