Search Results for 'css'

Hi,

Sorry for the delay, we are working with limited staff and we answer to the most oldest topics and because you’ve added a new reply we missed your post!

Please check this css solution for block titles ans search button in Theme Panel > Custom Css – http://screencast.com/t/t6w0hkOI

.block-title a, .block-title span, .block-title label {
background-color: red !important;
}
.block-title {
border-bottom: 2px solid red !important;
}
.widget_search input[type=submit] {
background-color: red;
}

Hope this helps!

Hi,

@dazburn Please try this custom css as the above code is for Big Grid Slide and you use Big Grid 2 – http://screencast.com/t/lstMuEXTHly

.td_block_big_grid_2 .td-big-grid-post-0 .entry-thumb {
width: 100%;
height: 100%;
}

Thanks!

Hi,

You can change the text color for text block content – http://screencast.com/t/5406npNB and you will have to use custom css to change font-size and line height: http://screencast.com/t/ls5Q3bmCr or if you want use html and add inline css – http://screencast.com/t/xos8wa1J2Iw9

.td_block_text_with_title {
font-size: 12px !important;
line-height: 20px !important;
}

@szysz Please provide more details what you are try to do. You have many options in Theme Fonts – https://forum.tagdiv.com/font-customization/ If you refer also at Text with title block you can try the above solution for text content.

Thanks!

Hi,

I’m not sure what you mean, you can change to a different color. Please provide more details what did you change and also you site url so we can take a look. You can also Theme Panel > Custom Css and add this code instead of changing it in the stylesheet file:

@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: red !important;
}
}

Thanks!

Hi,

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

.td-related-title .td-cur-simple-item {
background-color: red;
}
.td-related-title {
border-bottom: 2px solid red;
}

Thanks!

Hi,

@Carel and @neakriti I have added this on our list and we will try to find a solution for login widget to appear on mobile. We will see if it will be added somewhere else…
You can try this custom css to display only sign in widget in top menu – http://screencast.com/t/brzKHghs3

@media (max-width: 767px){
.td-header-top-menu-full {
display: block !important;
}
.td-header-sp-top-menu {
display: block!important;
}
.menu-top-container {
display: none !important;
}
.td-header-sp-top-widget {
display: none !important;
}
}

2. If you use SEO by Yoast and bbpress activate you can handle it – http://screencast.com/t/9u6h6LGbwrzI Also you have in Theme Panel bbpress template to add a custom sidebar and set position for it – http://screencast.com/t/lEsL9kkVK I was referred to the page template of bbpress – http://screencast.com/t/HJPkL1ztavSa we use now full plugin without any customizations.

Thanks!

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

Hi,

1.Please try this solution – https://forum.tagdiv.com/topic/the-problem-after-the-upgrade/#post-53951

2. I added this on our list and we will add an option in Theme Panel in a future update. Until then you can use this custom css in Theme Panel > Custom Css: http://screencast.com/t/ZNVuG2habq

@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: red !important;
}
}

Thanks!

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

Hi,

You can use this css only for mobile screens – http://screencast.com/t/rMDSomt6J

@media (max-width: 767px){
.single .td-page-wrap .td-grid-wrap{
padding-top: 10px !important;
}
}

About placing the code in the body you will have to to this for each template where you want to appear – page template that you use, post template, category… I think that what you done is the best solution.

Thanks!

Hi,

@shogunteam I’m not sure for what slider you want to do this. For Big Grid Slider you can choose Style 4 – http://screencast.com/t/WHqbfgNQqsA
For IOS slider please try to use also !important tag:

.td_block_slide .td-image-gradient:before {
display: none !important;
}

Please provide a link if it doesn’t work.

@hhealth If you want to remove gradient for all modules you can try this custom css: http://screencast.com/t/wU2cz2A4R

.td_module_wrap .td-module-thumb a:last-child:before {
display: none !important;
}

If you want this for each block you can try something like this: http://screencast.com/t/mU0X9p64fw you can use it also for block 14 just change 19 with 14:

.td_block_19 .td-module-thumb a:last-child:before {
display: none !important;
}

Thanks!

Hi,

I couldn’t recreate this. Do you mean that articles titles from megamenu are white color? Or you only want to change the color?
You can try this custom css in Theme Panel to change the color: http://screencast.com/t/Qv1nNpWrUK

.td-mega-span h3 a {
color: red;
}

Please provide a link if this doesn’t work.

Thanks!

Hi,

Please add the custom css in Theme Panel > Custom Css – http://screencast.com/t/DbALzZULAN it should work at it is tested on your site – http://screencast.com/t/Tgte3PnN also clear cache.

Thanks!

Hi,

Sorry for the delay, we are working with limited staff and we answer to the most oldest topics and because you’ve added a new reply we missed your post!

Please try this custom css to reduce the dark effect – http://screencast.com/t/ra10tPaVqLt

.td-grid-style-1 .td-module-thumb a:last-child:before {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.3)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}

If you want to change the background color on Grid style 4 check this css code – http://screencast.com/t/CDEO3mqfmPtl

.td-grid-style-4 .entry-title {
background-color: rgba(20, 22, 23, 0.61);
}

Also if you don’t want background for category and meta on style 4(to have background only for article title) you can use this custom css – http://screencast.com/t/YidqgLeRxJhT

.td-grid-style-4 .td-post-category {
background-color: transparent;
}
.td-grid-style-4 .td-module-meta-info {
background-color: transparent;
}

Thanks!

Hi,

1. I couldn’t access your site – http://screencast.com/t/SQX5FSye6Z7
2. The slider arrows should look like this – http://screencast.com/t/DFsxiHbxax please check our demo here – http://demo.tagdiv.com/newspaper/ios-slider/ I need a link to take a look.
3. You can use custom css to decrease font size on article title only for mobile screen(use media queries) for example if you refer to IOS silder: http://screencast.com/t/yjtZ9FUj3eq

@media(max-width:500px) {
.iosSlider-col-2 .entry-title {
font-size: 13px;
}
.iosSlider-col-2 .td-module-meta-info {
font-size: 9px;
}
}

Thanks!

Hi,

Unfortunately the theme doesn’t have an option for this, you will need custom modifications to disable mobile version as the Newspaper theme was designed with an fixed grid layout, responsive as it is fluid and style for desktop/tables/mobile screens. You can edit the style.css file and try to remove the @media queries for phone or/and tablets.

Thanks!