Search Results for 'css'

Hi,

For the first issue please use the css like this: http://screencast.com/t/kM5UDCHsH

@media (min-width: 1201px) {
.td-main-menu-logo img {
max-height: 54px;
}

.sf-menu .td-menu-item > a {
height: 54px;
padding-top: 5px;
}
}

For the second you can use the css below and add a margin to the bottom of the menu, like this: http://screencast.com/t/h8WUzNmcauED

.td-header-menu-wrap {
margin-bottom: 20px;
}

Hope this helps!

Thanks

Hi,

Thanks for reporting this, I have added this on out issue tracker list and we will fix it in the next update. Please sue this custom css until then: http://screencast.com/t/12WfvPL6si

.comment-content p {
word-break: break-word;
}

Thanks

Hi,

The move to top arrow was disabled on mobiles as we have noticed that it affects the site’s speed but if you want to enabled it you can use this css: http://screencast.com/t/QQsp9rEEzCw

@media (max-width: 767px){
.td-scroll-up-visible {
display: block;
}
}

Thanks

Hi,

Please also send your site’s URL I need to inspect this so I can provide a solution for this. Please also make sure that this isn’t happening due to some custom css or some other plugins which you use so deactivate all plugins and check again.
Please let me know!

Thanks

Hi,

Sorry for the delay!
Glad you managed to figure this out!
Yes, unfortunately using minified css/js can cause many issues that is why we don’t recommend it and suggest doing it manually if you really want to have this resources minified.
Please let us know if you have any other theme related issues.

Thanks

Hi,

You need to edit the td_module_blog.php file and add a container using html and use css to style it: http://screencast.com/t/7exTdeCkY

Thanks

Hi,

Unfortunately that is the cropping function, to avoid this you would have to add an image more nearest with aspect ration of the thumbs in which you want it to look well. You can read more about aspect ratio here: http://digital-photography-school.com/aspect-ratio-what-it-is-and-why-it-matters/
You can also read more about function which creates the thumbs and WordPress cropping here:
1. http://codex.wordpress.org/Function_Reference/add_image_size
2. http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/

For the other issue please you can use this custom css to set the date to visible: http://screencast.com/t/3FGg2wX5R

Add this css in theme panel > custom css filed:

.slide-meta-author time{
visibility: visible;
}

Hope this helps!

Thanks

• This reply was modified 11 years by Lucian.

Hi,

31px is the minimum height of the Visual Composer container so in order to set a space smaller than 30px in height you need to modify the value for container’s minimum height: http://screencast.com/t/fQ07qkPXe
You can do this differently though and simply add a margin or padding for the container you use above and to do that you can set a custom, css class for your visual composer element and add padding or margin using custom css: like this:

* http://screencast.com/t/BKrIYeFs6m
* http://screencast.com/t/CqTw2slf

For text block border please make sure you also set this the border style, like this: http://screencast.com/t/tlXCqD7fPS

Thanks

Hi,

Please use this custom css: http://screencast.com/t/DkkMXC2Pv

.page p {
font-size: 17px;
line-height: 25px;
font-family: 'PT Sans', sans-serif;
}

Thanks

Hi,

Sorry for the delay! This usually happens when using the speed booster plugin as this plugin moves the css and js automatically to the bottom of the page. This problems were reported when using the latest plugin version which is 3.0 and which was provided with the latest theme version (4.6).
We suggest to deactivate all plugins to make sure this doesn’t happen due to others plugins you use and if this issue persists, download the version 2.5 of the speed booster plugin from here: https://www.dropbox.com/s/nsu8wmwj9mtqswd/td-speed-booster.zip?dl=0
Please let me know if you can’t manage to solve this and also send you site’s URL.

Thanks

Hi,

Thanks Steven!
Sorry for the delay!
Please use this css and adjust the padding an margin values as you like: http://screencast.com/t/uuJSuQfX2S

.post footer {
margin-top: 0px;
}
.post p {
margin-bottom: 10px;
}
.post {
position: relative;
padding-bottom: 10px;
}

Thanks

Hi,

In your case I believe this happens because of the ad banner you use and which needs to be set at smaller size for each screen width, for tablet landscape you can use this css: http://screencast.com/t/PmPV7OCShOjz

/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1200px) {
.header-logo-wrap img {
margin-left: 33px;
}
.td-header-style-1 {
margin-left: 48px;
width: 640px;
}
}

For portrait tablet screens use this: http://screencast.com/t/hFzRA2teR1

/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
.header-logo-wrap img {
width: 200px;
margin-left: 33px;
}
.td-header-style-1 {
margin-left: 20px;
}
}

Hope this helps!

Thanks

Hi,

Please use this css: http://screencast.com/t/45jbe0bzcbNy

@media (max-width: 500px){

.td_normal_slide .td-sbig-title-wrap .td-sbig-title {
font-size: 15px !important;
}
.iosSlider-col-2 .td-sbig-title-wrap a, .iosSlider-col-2 .item .td-sbig-title-wrap a {
line-height: 15px !important;
}
}

@media (max-width: 767px){
.td-sbig-title-wrap {
bottom: 20px !important;
}
}

Thanks

• This reply was modified 11 years by Lucian.

Hi,

@Danijelmo Sorry for the delay and for the inconvenience caused. Have you managed to get this done? I have noticed that your don’t use the speed booster plugins but you do have a good page speed according to PageSpeed Insights: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fcrnjaci.com%2F&tab=desktop
Seems that you still need to fix some issue you with some js and css. In this case the speed booster plugin would help. We suggest to activate the plugin, empty cache and purge files then use the guide we offer for using speed booster for your page speed and move js and css to the footer only for the recommended plugins first as using the speed booster plugin with other plugins could cause issues, so make sure you use it without any plugins first.
Please also consider using the 2.5 version of the plugin as some issues where reported using the 3.0 version of the plugin.
If you don’t have it anymore please send an e-mail at contact@tagdiv.com and we will send you the previous plugin version.
Please let me know if you still have issue using the speed booster plugin and if so what issues you encounter.

Thanks

Hi,

1. Unfortunately the theme doesn’t have an option to remove the date for individual categories and I believe you refer to the date which appears on modules: http://screencast.com/t/m4xfUF2nyJO8 In this case and in order to remove that date you would need to edit the module file you use for you category and for which you want to remove the date. Edit the module file which you can find in the includes > modules folder, like this: http://screencast.com/t/oHyNPCjT
Result: http://screencast.com/t/yKZO8mWzz

2. You can remove the breadcrumbs from here: http://screencast.com/t/q565hatWJ
3. You can use this custom css to target and move the logo, adjust it as you would like: http://screencast.com/t/g6hKn6bJ

.td-footer-wrap .footer-logo-wrap img {
position: relative;
top: -10px;
}


Hope this helps!

Thanks

Hi,

Use this css for category pages: http://screencast.com/t/4ZJOSNPFs6

.archive .td_mod_wrap {
border-bottom: 1px solid #000000;
}

Use this css to adjust the footer logo positioning and change the left value as you liek: http://screencast.com/t/1dMmpfpVpN

.td-footer-wrap .footer-logo-wrap img {
position: relative;
left: -50px;
}

Regarding the analytics code I’m not sure I understated what your issue is, please make sure you paste the code as you receive it from google into the analytics filed from theme panel.

Use this css for the header logo: http://screencast.com/t/w8baH65E

.header-logo-wrap img {
width: 600px;
height: 120px;
}

.header-logo-wrap {
width: 600px;
}

Thanks

Hi,

You can use this css to set the z-index of the menu higher: http://screencast.com/t/QQ6OUEbpDv

#td-mobile-nav {
z-index: 1;
}

Thanks

Hi,

Unfortunately minifying css and js could cause issues which why we don’t recommend it. You could try if you like to manually minify themes’s css and/or js and avoid this conflict by excluding the js or css causing issues.
The issue you have with the search form is because of some additional styling you have added, you can use this custom css to fix it: http://screencast.com/t/ND6LBfItg9yK

.header-search-wrap .dropdown-menu #td-header-search {
height: 23px !important;
}

.header-search-wrap .dropdown-menu .btn {
height: 33px;
top: 19px;
border-radius: 6px;
}

Thanks