Search Results for 'css'

Hello Hannah,

It is fairly easy to do:

1) Unfortunately there is no option for that in the theme but you can stop the slider pagination by editing the theme files like so: http://screencast.com/t/gDUPtKnnQdE . Simply change the value from true to false and you’re done.

2) The easiest method is with CSS You can use this code to achieve this effect:

.td-gallery-slide-copywrite{
opacity:0;
}
.td-slide-galery-figure:hover .td-gallery-slide-copywrite{
opacity:1
}


Simply add the code in the theme panel – custom css

Thank you!

Hello,

This is a default behavior of the theme to adjust the title to the tablet portrait and mobile version. So under 1018 pixels it will resize your header. In order to change this behavior you need to use CSS:

@media (max-width: 1018px){
.td-post-template-default .td-post-header header .entry-title {
font-size: 18px!important;
line-height: 26px!important;
}
}


Thank you!

Hi,

If the problem is still there, it can be caused by the page speed. CSS loads in cascades by default so if the load speed is realy slow you will see every step of the cascading styles. You can try to improve the pagespeed by following this topic: https://forum.tagdiv.com/how-to-make-the-site-faster/
You can also check to see if a plugin does not slow down your website, or you can check your server configuration.
The best way to eliminate this effect is still to use the style.css and create a back-up of it so it will not be lost in an update.

I hope this helps.
Thank you!

reply: https://forum.tagdiv.com/topic/big-css-problem-with-theme/#post-76785

Hello,

This is a side-effect of the TD speed booster plugin. What this plugin does is move css and js to the footer of the page so they will be loaded last and improve site speed.This is a known issue with speedbooster and is on our list of fixes for the near future.
As a workaround you can make your color changes directly in the style.css file.

Thank you!

Hello,

The trending now block title is affected by the headers background color : http://screencast.com/t/g1kLqw00R
This option will change all headers. If you want to target just the trending now title you will have to use custom css:

.td-trending-now-title {
background-color: red;}


Thank you!

Hello,

1) Please send an email at contact@tagdiv.com and provide your envato key and the username you used to buy the theme.
2) The tabs were modified so the default color (grey) would keep the style of the theme. any other color except grey will use the visual composer styling. If you want the look of the grey style but with different colors, you can use css to change them:

.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab > a{
background-color:black;
color:white;
border:1px solid white;
}
result: http://screencast.com/t/upOiuewDkz3

3) If you create your sidebar in visual composer it is different from posts. You need to add an extra class to the row: https://forum.tagdiv.com/smart-sidebar-2/

4)The hover color for the news ticker is affected by the color set in the theme panel: http://screencast.com/t/jkS3x0wJKTB . You can either change it from the theme panel or use custom css to keep your style and only affect the news ticker.

.td-trending-now-title, .td-trending-now-wrapper:hover .td-trending-now-title{
background-color:#1e73be!important;
}

Thank you!

Hello,

I tried your code on my end and it applies. If i edit your website the css applies also: http://screencast.com/t/42EdAyKx
Maybe something on your end requires a more specific approach.
Please use your code like this:

div.td-header-style-3 .td-header-sp-logo{
margin: 21px 20px 0px 0px!important;
width: 300px!important;
height: 100px!important;
}

Thank you!

Hi,

I have checked your site again and the css resources are not loaded anymore in the footer. I’m not sure what you did as they were loaded in the footer yesterday.
I suggest to get someone to help you with this, as it is not so easy and we cannot offer custom work sorry! The speed booster plugin is optional so if you don’t need it you can disable it.

Thanks!

Hello John,

It actually depends on the version of the theme you are updating from. If you update from version 4 to 6, then all customization will be lost. If you altered the theme files, then even if you already had version 6 and update to 6.5.1 they will still be replaced in the new version if you did not use a child theme. The ‘update script’ you mentioned is only for updating from version 4 of the theme so I assume you have this version if you mentioned the scrpit. In this case, unfortunately all your customization will not work anymore.
Newspaper 6 is a whole new theme so an update from 4 to 6 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).
Always make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.
The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom css will not work with the new version and you will have to adjust or re-add them.
Bottom line is that newspaper 6 is a whole new theme built from scratch.
The child theme is recommended for custom modifications but if the files you alter are going to be changed in a future update, you will have to check which file was modified by checking the changelog for each update and then adjust the file in your child theme if needed.

Hope this helps!
Thank you!

Hi,

You will need custom modifications for this. I will provide an example for desktop screens as the thumbnails are to small on tablets and phones and it will not look fine. If you need this also for those devices I suggest to get a freelancer to help you.
You can add an extra class to the row and use it to target block 15 if you want this only for that page – http://screencast.com/t/gqXHi6ubETDr and use this custom css in Theme Panel > Custom Css – http://screencast.com/t/h6vs0VDn

@media (min-width: 1020px) {
.yourclass .td_block_15 .entry-title {
position: absolute;
top: 35px;
text-align: center;
padding: 3px;
}
.yourclass .td_block_15 .entry-title a {
color: #fff;
font-size: 13px;
}
}

Thanks!

Hello sejpost,

You must put the code within Theme panel->Custom CSS area like that: http://screencast.com/t/asPnUiCt7

Thanks.

Hi ferdyjakal,

You must put the code below within Theme Panel->Custom Css area like this:
http://screencast.com/t/yCPlsueuS

Thanks.