Search Results for 'css'

Hi,

Unfortunately you cannot add mobile menu on tablets screen, so the only way is to use css code for main menu or to use short names for menu items.
The css code from above helps you to have menu items on single line from screens width 768px to 1018px like in this screenshot: http://screencast.com/t/stbr6Y54tt3h

Thanks!

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

Hi,

Please try this css code: http://screencast.com/t/Mn6mC9awX

.td-load-more-wrap a:hover{
color: red !important;
text-decoration: none !important;
}

Thanks!

Hi,

1. We know about this issue with version that appear and we try to fix it soon as possible. If you have used this guide and updated properly your theme using ftp method: https://forum.tagdiv.com/how-to-update-the-theme/ you should have the right version installed even that doesn’t appear 4.6.2 version. Sorry for inconvenience!
2. Please try this css code in Theme Panel > Custom Css: http://screencast.com/t/apAEkwYWjfrS

#rev_slider_1_1_wrapper {
z-index: 0;
}

Thanks!

Hi,

Please try this custom css for tagdiv gallery: http://screencast.com/t/1Q4JfPwR7ai

.td-gallery-title, .td-gallery-slide-count, .td-gallery-slide-prev-next-but .td-icon-left, .td-gallery-slide-prev-next-but .td-icon-right {
color: black;
}
.td-gallery-slide-top, .td-doubleSlider-2{
background-color: white;
}

Thanks!

Hi,

Please try this css in Theme Panel > Custom Css: http://screencast.com/t/G4CxIYa1U

#tribe-events-pg-template{
background-color: white;
}

Thanks!

Hi,

Yes it is 4.6.2 version, there was a mistake with theme version in css file. We are sorry for inconvenience!

Thanks for understanding!

Hi,

Please try this css in Theme Panel > Custom Css: http://screencast.com/t/1m2Ipjsqwn

.td_block_big_grid .entry-thumb{
opacity: 0.9;
background: -moz-linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(205, 132, 36, 0.1)), color-stop(100%, rgba(25, 166, 124, 0.1)));
background: -webkit-linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
background: -o-linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
background: -ms-linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
background: linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#1acd8424′, endColorstr=’#1a19a67c’, GradientType=1);
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-khtml-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}

Thanks!

Hi,

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

@media (min-width: 768px) and (max-width: 1018px){
.sf-menu > li > a{
padding: 0px 5px 0px 0px!important;
font-size: 14px!important;
}
.sf-menu a.sf-with-ul {
padding-right: 20px !important;
}
.sf-sub-indicator{
right: 9px;
}
}

Or you can try to use short name for menu items.

Hope this helps!

Hi,

Newsmag theme was designed in 3 columns fixed grid, so the blocks are recommended to be used 1/1 – 1/3 + 1/3 + 1/3, or 2/3 + 1/3 like you can also see in backend when you split the row(are colored blue): http://screencast.com/t/ApuMgUzYb2vH
Please also take a look on our demo how blocks are used: http://screencast.com/t/eIECvaw8pSS – http://demo.tagdiv.com/newsmag/block-1/
You can use blocks on 1/4 + 1/2 + 1/4 but not all will work fine. Also you can try to use css if you really need to use block like that. For example block 4 – http://screencast.com/t/gGHvXTfN4 add an extra class to the column – http://screencast.com/t/BLLog8BFN1 and add css code in Theme Panel > Custom css: http://screencast.com/t/GpMSJsiC9U

Hope this helps!

Hi,

Thanks @fixthisbuildthat

@adi_mitran It can be change only with css code, please follow that solution.

Thanks!

Hi,

Sorry for the delay!
Do you actually have the same issue on a mobile device?
Please also check this without other plugins active, this without the speed booster plugin which can cause this as it moves css style sheets and/or js files to the bottom of the page.
Please also let me know what theme version you use.

Thanks

Hi,

Unfortunately theme doesn’t have an option for this, but can be changed with css code.
Please add this custom css in Theme Panel > Custom Css: http://screencast.com/t/Xxh1jNzYc

.td_block7 .block-title a:hover{
color: gray !important;
}
.td_block7 .entry-title a:hover{
color: gray;
}

Result: http://screencast.com/t/1r22AlxH3OP6
If you want to apply this to all block replace .td_block7 with .td_block_wrap
I hope this helps, please provide more details if this is not what you mean.

Thanks!

Hi,

Please try this css, it should let to click on title: http://screencast.com/t/eXS45NJcb6fZ

.td_normal_slide {
pointer-events: none;
cursor: default;
}
.td_normal_slide .td-sbig-title-wrap a{
pointer-events: auto;
}

Hope this helps!

Hi,

If you want to change the text you can translate it from Theme Panel > Translations: http://screencast.com/t/b5rfzpvFzmgT – http://screencast.com/t/dtXhpHKn
Also if you want background to look like a button please try this css: http://screencast.com/t/ShbF9snlHcIz

.home .td-load-more-wrap a{
background-color: red;
padding: 10px;
}

Thanks!

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

Hi,

Please try this css in Theme Panel > Custom Css: http://screencast.com/t/7BR9E51JmWO

.td-container-border:after{
z-index: -1;
}

Also it will be fixed soon as possible!

Thanks!

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