Search Results for 'css'

Hi,

If you are not using woocommerce or bbpress you can remove the forum templates and shop style. Please make a backup of your current theme installation before in case something goes wrong you can revert back to it.
According to it’s settings the theme generates another css which overwrites the default one so yes when you change your settings extra css is added to the page.
We will investigate and consider this for future versions.

Thanks

Hi,

We have this on our todo list and will be an option to disable it.
You can comment this line till then: http://screencast.com/t/bdxqGsw0
And use this css in Theme Panel > Custom Css: http://screencast.com/t/Ez23ArHuO7k2

.td-related-title .td-related-left{
border-radius: 3px;
}

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

Or use only css code to hide it like here: https://forum.tagdiv.com/topic/customising-the-related-articles-more-from-author-section-on-a-post/

Thanks!

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

Hi,

You can see in the screenshot that it dose: http://screencast.com/t/A5iT2uduz just make sure you add it in custom css section in theme panel.
Please also send the link from patebin.com where you’ve pasted the code.

Thanks

Hi,

Try this css: http://screencast.com/t/SSmQavLi0
Use the same css to change the font also as there is no option in theme panel to change it for images copyright section: http://screencast.com/t/BblWTtsYA2Y

.td-doubleSlider-1 .td-slide-item .td-gallery-slide-copywrite {
text-align: center !important;
position: initial;
font-family: sacramento;
}

Thanks

Hi,

I also tested this and should work in youe case too. Please make sure that you paste the codes right in Custom Css from Theme Panel and save that: http://screencast.com/t/XcowVmdq
Sidebar when I hover on block title: http://screencast.com/t/O9ivEDEo4Bz – and post title: http://screencast.com/t/bsl8mcNJvkY
Big Slider: http://screencast.com/t/tdsCM9w79Zw

On Big Slider I found that big image post title have another class on hover, so please add also this css for that title: http://screencast.com/t/1yByLwi44

.td-sbig-title-wrap .td-sbig-title:hover {
color: red;
text-decoration: none !important;
}

Please also empty cache and try again!

Thanks!

Hi,

Now I think I understand you want to hide the categories but I’m not sure if you want to do this for all posts or only for some templates( “whether shown as thumbnails or full posts”).

So if you want to hide for all templates you can set this from Theme Panel > Post Settings: http://screencast.com/t/fs3IgmRoqLgr

If you want to hide them only on some post templates you can use this custom css: http://screencast.com/t/XoDngp50bib

.single_template_6 .td-category{
display: none;
}

Like I said above change only the number if you want to apply to other post templates.

Hope this helps!

Hi,

I’m not sure how it could be added like that, my guess is that somehow you’ve added it to the page via page builder.
I suggest you go trough your page settings/configurations and see if you can’t find the reasons for this.
Please let me know and if you still can’t manage to get this done please use http://pastebin.com/ and send your page content so we can check it.
Until you can find the reason for this you can use css to hide that ad: http://screencast.com/t/A5iT2uduz

.home .td-pb-span12 .td-a-rec-id-header{
display: none;
}

Thanks

Hi,

Background color for sidebars can be added with css code in Theme Panel > Custom Css: http://screencast.com/t/wuQhpYgb

For example post’s sidebar: http://screencast.com/t/akrSX4QtD3

.td-post-sidebar{
background: aliceblue !important;
}

Thanks!

Hi,

Please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/OqGAlfmISPnl

.single_template_4 .td-category a{
background:none;
color:red;
}

This code is for post template 4, but you can change the template number from code to template that you want to use. Example template 6: http://screencast.com/t/7Jc6IHHx2C

Thanks!

Hi,

My guess is that somehow your update hasn’t been done well or you have made changes/modifications to the theme as the it seems that this css code is missing or it’s not applied: http://screencast.com/t/jPoIT65Hu
Please also test this after disabling the css minifier/html compressor and make sure you empty cache/purge files afterwards then test again without plugins.
Add this css in theme panel > custom css for the mega menu issue:

.td-mega-menu .td_block_mega_menu {
padding-top: 20px;
}

For the “Related posts” issue, after I inspected your site I noticed that the images are loaded at their original sizes which should not happen so I suggest you follow this guide and regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
After that please make sure you empty cache and/or purge files.
The line height/ font/ size/ family/ weight.. can be changed from theme panel: http://screencast.com/t/DHO5IQnJrLqW

Thanks

Hi,

Please use this custom css to change background for logo: http://screencast.com/t/AUOp3Cq4

.td-boxed-layout .td-logo-rec-wrap {
background-color: transparent !important;
}

You can change the color how you wish!

Thanks!

Hi,

Use this css to hide the banner just on homepage: http://screencast.com/t/oSoi1P17

.home .td-header-style-7 .td-header-container .td-header-header {
display: none;
}

Thanks

Hi,

1. Please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/6TEPHxcz917y

.home .td-g-rec-id-custom_ad_3{
margin-top: 20px;
margin-bottom: 20px;
}

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

2. Yes it is possible, you have to add a class to that row that you want to hide on mobile view: http://screencast.com/t/TrpfoAGF
And use css code to hide that row on mobile view:

@media (max-width: 767px){
.your class{
display: none;
}
}

Desktop: http://screencast.com/t/avEVO2TFKZ
Mobile: http://screencast.com/t/48NdbHbCgzg

Thanks!

Hi,

Use this custom css in theme panel > custom css filed: http://screencast.com/t/o4QBRnnz5fT

.td-menu-background .td-menu-wrap {
background-color: rgba(255, 255, 255, 0.5) !important;
}

.td-page-wrap {
background-color: transparent !important;
}

Change the color as you like.

Thanks

Hi,

I’ve already replied on how you can do that here: https://forum.tagdiv.com/topic/menu-and-box-title-arrangment/
Use css, like this: http://screencast.com/t/DiNshwoM

body {
direction: rtl;
}

.sf-menu {
float: right;
position: relative;
}

.td_mod3 .item-details {
margin-right: 117px;
margin-left: 0px;
}

.td-ajax-next-page {
right: auto !important;
background-position: -20px -20px !important;
left: 15px !important;
}

.td_ajax-prev-page {
right: auto !important;
left: 0px !important;
}

Please also:

Search the forum for suggestion and fixes for the issue you may encounter

Thanks

• This reply was modified 11 years by Lucian.

Hi,

If you refer to child categories of selected category, unfortunately there is no option in Theme Panel, but this can be changed with css code in Theme Panel > Custom Css: http://screencast.com/t/GLBzgRlRreF

.block-child-cats a {
font-family: 'Roboto Slab', sans-serif;
font-size: 10px;
}

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

Thanks!

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

Hi,

Please use this custom css, it will apply on both pages: http://screencast.com/t/AtQDLozy59a – http://screencast.com/t/SnqvweZNca

.archive .header-content-rec .td-a-rec-id-header{
margin-bottom: 15px;
}

Feel free to change that margin’s value how you like!

Thanks!

Hi,

1. Try to change again span from menu-top.php but now like this and see how it goes: http://screencast.com/t/LWb0WDwz
This change will increase the width: http://screencast.com/t/kWHHVFiAFg

2. Please use this css code for logo in mobile view: http://screencast.com/t/Q01I58cibx7H

@media (max-width: 767px){
.header-style-3 .td-logo img {
position: absolute;
right: 0px;
top: auto;
}
}

Thanks!