Search Results for 'css'

Hi,

Please try this custom css if you refer to the top menu height: http://screencast.com/t/1QerhoM30RSm

.td-header-menu-wrap .container {
min-height: 50px;
}
.td-header-menu-wrap .container .row {
padding-top: 15px;
}

About the other issue you can also change to a default theme and check if you can upload. If not maybe it is a permission issue.

Thanks!

Hi,

Please try this custom css: http://screencast.com/t/X4nJJjVdL

.home .td_block_5 .td-load-more-wrap {
margin-bottom: 10px;
}

Thanks!

Hi,

1. The link color in backend is blue, the theme color is applied only in frontend – http://screencast.com/t/EtVtuWQC5Xyp
You can change that color if you need it by adding this css in type.less: http://screencast.com/t/BzyneEf4DXfQ

.mce-content-body a {
color: red;
}

2. Unfortunately is usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme color appears first then changes, because of the cascading property of css. What you can do is to change the color directly into the css style-sheet which will make your colors to load first and stay that way. You could also deactivate the plugin if you don’t need it.

Thanks!

• This reply was modified 11 years by Alin [tagDiv].

Hi,

The css is applied in cascade the old one is overwritten by the new one. Unfortunately this is normal behavior, only what you can do is to add height css directly in the style.css file – http://screencast.com/t/KlxLbbpFTn

Thanks!

Hi,

Make sure you follow Alin’s instructions from previous message and configure the top menu as you want it then use the custom css in theme panel > custom css section to display the top menu on mobile screens also: http://screencast.com/t/YFfRs3Z2m

Make sure you do this and provide your site’s ulr so we can inspect it.

Thanks

Hi,

You can change it via custom css: http://screencast.com/t/wJ5yil23MNH

.td-related-title .td-cur-simple-item {
background-color: red;
}
.td-tags span {
background-color: blue;
}

Thanks!

Hi,

You can inspect those widgets, take their classes and change the background like above – http://screencast.com/t/ojU5Wqsq

.widget_archive .block-title > span, .widget_categories .block-title > span, .widget_meta .block-title > span {
background-color: red;
}

Also for search button:

.widget_search input[type=submit]:hover {
background-color: red;
}

Please try this custom css for comments button: http://screencast.com/t/4mQwODlxvfYo

.comments .form-submit input[type=submit] {
background-color: red;
}

Thanks!

Hi,

You can use a similar approach, use this css:

.td-sub-footer-container {
width: 100%;
}
.td-sub-footer-container .td-pb-row {
width: 1021px;
margin: 0 auto;
}

Thanks

Hi,

Your inline css for iframe is somehow overwritten, you can try to add a class to the iframe add height using custom css in Theme Panel > Custom Css: http://screencast.com/t/QW4zNRqPQ – http://screencast.com/t/bq2PB3FOjJq

Thanks!

Hi,

– You can change the color for the articles titles from theme panel > theme colors for each module or block title: http://screencast.com/t/vwKgXFnMAG – please note that this will change the article title for all modules or block of that type on your site not only those from your footer section. To change the tiele for only those located in the footer you nneed to use cusom css code, like this: http://screencast.com/t/rDt9Vbjm – this will change the titles color fro all modules/blocks you use in the footer only.

Add the css below in the custom css section in theme panel and change the color value as you want it.

.td-footer-container .td_module_wrap .td-module-title a {
color: red;
}

– To change the content of the footer section you need to chose one of the templates here: http://screencast.com/t/Ctg0uLIy6Sr then add content to the footer section from widgets section: http://screencast.com/t/XCWbXTOg – http://screencast.com/t/ZHR4oujIYK9A

– You can translate those predefined footer template titles from translation section in theme panel: http://screencast.com/t/QhBNBXiSh – http://screencast.com/t/XepRAb1lPDL

Thanks

Hi,

The theme doesn’t have this option, you can do this only with custom modifications to the code.
I have used(use) the latest version of the theme 4.6.3 also for above solution – http://screencast.com/t/GQ3AaAbEsW9
Paste your code in custom ad that you use in Theme Panel and control the width/height if you use an adsense code: http://screencast.com/t/vmwKi8FdZ if you use non adsense banners you have to control width/height like in our example for images – https://forum.tagdiv.com/ads/
You should have this result without any css code: http://screencast.com/t/EXswSqw927

I suggest to hire a developer if you don’t know how to do it as we cannot provide any custom work for the moment, we can make only some suggestions. Sorry!

Thanks!

Hi,

If you are using this module you don’t need to float left the ad – http://screencast.com/t/BVuxyWyzl so please remove that css part leave only margin bottom.

Thanks!

Hi,

You can use an image and replace default menu icon for mobile: http://screencast.com/t/QPZFbFjwmxb
For example – http://screencast.com/t/e6pKQz2q
<img src="link">
You have to adjust with some css code and you should have this result: http://screencast.com/t/azeA7XzuLwa

#td-top-mobile-toggle img {
width: 30px;
height: 30px
}

Thanks!

• This reply was modified 11 years by Alin [tagDiv].