Search Results for 'css'

Hi,

I’ve added this suggestion on the list, we’ll try add a slim version of css (no woocommerce, bbpress, buddypress) in a future update.

Thank you, Emil G.

Hi,

If you want to change the article title background on Big Slide please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/rdV3pH75

.td-sbig-title-wrap .td-sbig-title {
background-color: rgba(214, 77, 236, 0.7) !important;
}
.td-big-grid-title .td-sbig-title-wrap {
background-color: rgba(214, 77, 236, 0.7) !important;
}

Thanks!

Hi,

Please note that Newspaper theme was designed in 3 columns fixed grid, so the blocks are recommended to be used 1/1 – 1/3 + 1/3 + 1/3, or2/3 + 1/3 – http://screencast.com/t/6gdyLvoX4 You can also split row like you want, but not all blocks will work fine and you may need additional customizations.

You can try this custom css in Theme Panel > Custom Css to remove underline for articles titles on blocks/modules also on Big Slide and normal Slide:

.iosSlider .td-sbig-title-wrap a:hover span, .td-big-grid-title a:hover, .td_mod_wrap .entry-title a:hover {
text-decoration: none !important;
}

Thanks!

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

Hi,

1. Please check this custom css in Theme Panel > Custom Css: http://screencast.com/t/fisaZY2tD

.td-review .td-review-final-star {
color: green;
}

Also if you want to change this on modules you can use this custom css – http://screencast.com/t/6cWnFuBWKaHN

.entry-review-stars {
color: green;
}

2. You have to edit the template file that you use – http://screencast.com/t/4Ws3SlEBS
Result bellow featured image on default post template – http://screencast.com/t/t8QbpPW59luW – http://screencast.com/t/EuskmHrQ05mi

Thanks!

Hi,

@goteng I have checked your link and I see that you have disabled theme social share buttons. S I don’t know exactly how you have added/modified the code. Did you tried to align them with custom css?

@Sprite_zaa The theme social share buttons are in td_module_single_base.php file – http://screencast.com/t/X0sFGoDsoN5E – http://screencast.com/t/nNlyuZbc so if you create a new share button there you can add it or replace a theme share button.

Thanks!

Hi,

Do you want to remove opacity for Big Grid? – http://screencast.com/t/eVxkTUKn8i

.home .td-big-grid-overlay:after {
opacity: 0 !important;
}

Or change transition time:

.home .td-big-grid-overlay:after {
-webkit-transition: opacity 0s ease-in-out;
-moz-transition: opacity 0s ease-in-out;
-o-transition: opacity 0s ease-in-out;
-khtml-transition: opacity 0s ease-in-out;
-ms-transition: opacity 0s ease-in-out;
transition: opacity 0s ease-in-out;
}

Please check this css code in Theme Panel > Custom Css – http://screencast.com/t/PO7kZoI9Hr

Thanks!

Hi,

Please try this custom css and see if it works and also use !important tag – http://screencast.com/t/qoxK0t0UAwW8

.td-related-title .td-related-right {
display: none !important;
}
.td-related-title .td-related-left {
border-radius: 3px;
}

Thanks!

Hi,

You have these errors in the console – http://screencast.com/t/aGLY6Hjh2 please check this without any plugins active, leave just Visual Composer active, clear cache and see if you still have this issue with gallery.
Unfortunately this delay usually happens when speed booster is used as the css and js are moved at the bottom of the page structure, so that the page will load faster. That’s why the theme’s default style appears first then changes, because of the cascading property of css. To avoid this you could try to make the changes directly into theme’s style file.
I also checked your page source and those css resources are moved to the bottom, you also can check – http://screencast.com/t/vkHNjMZu only jetpack sharing css is not moved – http://screencast.com/t/YGTYW5v11oxY Try to move also that css and see if you still have this issue when you test pagespeed on mobile.

Thanks!

Hi,

You can hide the search icon using custom css in Theme Panel > Custom Css: http://screencast.com/t/70BTPvw2ec

.td-menu-header #td-top-search {
display: none;
}

Or if you want to remove the code you can edit menu-header.php and delete this code – http://screencast.com/t/BB6jFGWrerXL

Please provide more details about your second issue as I’m not sure what you mean.

Thanks!

Hi,

Please check this custom css in Theme Panel > Custom Css:

.td-g-rec-id-header {
margin-bottom: 40px;
}

If this doesn’t work please provide a link as I need to inspect this.

Thanks!

Hi,

Unfortunately the theme doesn’t have an option for this, but you can add a border using custom css in Theme Panel > Custom Css – http://screencast.com/t/l8ffqjr5Hcc but this it will apply anywhere you use module 10. You will need custom work to achieve that, eventually add an extra class to column where you use block 10 to target only that block – http://screencast.com/t/oH1JgW8X7MU6 and if you want a different color you can use nth-child selector – http://www.w3schools.com/cssref/sel_nth-child.asp – http://screencast.com/t/3ZzQIuaJAcS

Thanks!

Hi,

You can try this custom css in Theme Panel > Custom Css to change the thumb display on mobile form module 8 – http://screencast.com/t/ewsF96VpIk

@media (max-width: 767px){
.td_mod8 .item-details {
margin-left: 0px !important;
top: 15px !important;
}
.td_mod8 .thumb-wrap img {
max-height: 100%;
max-width: 100%;
width: 100%;
position: relative;
}
}

If you want to apply this only on your homepage just add .home class – .home .td_mod8 .item-details and .home .td_mod8 .thumb-wrap img

Hope this helps!

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

Hi,

@Christopher thanks!

@vtobing You can change the color of the Grid line on Newsmag theme if you want this – http://screencast.com/t/9wYZwr0k
1. Please try Christopher suggestion and use Regenerate thumbnails – https://forum.tagdiv.com/how-to-fix-strange-thumbnails/ anyway I have checked your homepage and the thumbnails are displayed fine – http://screencast.com/t/EafYUovZba

2.
a. Not sure why do you have this issue, if you have articles on Featured category it should be displayed also on Big Slider.
b. You can use this custom css in Theme Panel > Custom Css for Big Slider arrows – http://screencast.com/t/DtyeieMwq8e

.iosSlider.td_block_big_grid .td-icon-left, .iosSlider.td_block_big_grid .td-icon-right {
color: red !important;
}

Also for normal slider you can add a background to the arrows – http://screencast.com/t/bDrHvF5t7u

.iosSlider .prevButton, .iosSlider .nextButton {
background-color: red;
}

3. You can try to change the post style as default from Theme Panel > Post Settings – http://screencast.com/t/SoPnjVmiAjRR This option is overwritten by the ‘Post template’ option from the backend – post add / edit page.

4. To improve the pagespeed score please check if the following optimization are done on your side – https://forum.tagdiv.com/how-to-make-the-site-faster/ – and this one – https://forum.tagdiv.com/topic/tutorial-pagespeed-2015/

Thanks!

Hi,

You can do this if you don’t want to use a banner beside the logo on header style 1. Anyway you also can use a header style with full logo like style 3 or 6.
If you want to do this with style 1 you have to edit the header template – http://screencast.com/t/j0OU0LAt and use this custom css in Theme Panel > Custom Css to center the logo – http://screencast.com/t/H38xqFkonIDK

.test img {
display: table;
margin: 0 auto !important;
}

Thanks!

Hi,

Please try to disable all your plugins leave just Visual Composer active, clear cache and purge your files if you use CDN, then check if you still have this issue. Also disable all css/js minification. If you don’t have this issue anymore please activate your plugins one by one and see which one caused this issue.

Thanks!

Hi,

You can edit module files and move the title above the image, for example module 2 – http://screencast.com/t/FDJJlcSQ0
You may need additional customization as it may look like this – http://screencast.com/t/UNmzBYEC4 so you will need to use also custom css, something like this – http://screencast.com/t/S1R1hZOv5D

.td_mod2 .entry-title {
min-height: 60px;
}

Thanks!