Search Results for 'css'

Hi,

1. It is possible to have 3 columns in the footer but for the full bottom row you will have to alter the code. For example you could use footer style 5 and add your widget in the footer columns(Footer 1,2,3) – http://screencast.com/t/92ffWeyeKa – http://screencast.com/t/a6H9xNkd and for the social icons you need to edit the template 5 and add this code – http://screencast.com/t/DeJkvoTsn
Also for the bottom row you have to edit td_footer_extra_bottom.php to add your instagram widget – http://screencast.com/t/9diHuQfu0R77
Unfortunately the theme doesn’t have exactly the same template and you need this modification. If you don’t have basic experience I suggest to hire a freelancer to do this for you as we cannot provide custom work, sorry!

2. A solution to add your mail to the subfooter is to add a custom link to the subfooter menu, add an extra class – http://screencast.com/t/9W8mme5QH and add this custom css in Theme Panel > Custom Css – http://screencast.com/t/apZe4DLuZ0

.td-footer-link {
pointer-events: none;
cursor: default;
}

Thanks!

Hello Thierry,

In order to place a title above the photo, you need to create a spanclass image-header element and h2 element inside the divcontaining the image like so:
http://screencast.com/t/9bU4XkbfTp
Then use this custom css. I added the whole bunch in here so replace what you have in the theme panel with this one
Here is the whole bunch:

.full-image{position:relative!important;}
@media(min-width: 1141px) {
.td-page-wrap .full-image {
left: -37%;
position: relative;
transform: translateX (20%);}
.full-image img {
max-width: none !important;}}
@media(min-width: 1141px) {
.td-post-content .full-image {
left: -20%;
position: relative;
transform: translateX (30%);}
.full-image img {
max-width: none !important;}}
.image-header h2{
color:white;
position: absolute;
bottom: 80px;
left: 200px;}

You can edit the title position here at the bottom of the code. There are 2 parameters: left and bottom. Change these values to re-position your title.
result: http://screencast.com/t/J391Xx48aPH

Thanks

• This reply was modified 10 years by Bogdan B..
• This reply was modified 10 years by Bogdan B..

Hi,

I have checked your site and you have some js errors – http://screencast.com/t/alIIaQHsQ4 I guess they come from a plugin you use(wp rocket), please try to disable it and check if the issue is still there.
Regarding the pagespeed test as you can see a issue is server response time so please read the recommendations – http://screencast.com/t/WMlFSZuHT – https://developers.google.com/speed/docs/insights/Server
You can try to reduce the number of plugins and also note that the speed booster move the js and css at the bottom of the page to Eliminate render-blocking, but not for all plugins. Check the System Status if the speed booster is active if you use other plugins than the tested ones.
Also you can read this guide, it may help – https://forum.tagdiv.com/how-to-make-the-site-faster/

Thanks!

Hi,

You have to add also the date function in td_module_trending_now.php file – http://screencast.com/t/s30uqZRPeC as this block was not designed to display date and time.

<?php echo $this->get_date();?>

Now you need to use some css code to customize date for this block, try this code in Theme Panel > Custom Css – http://screencast.com/t/iii9E6Dy

.td-trending-now-display-area .td_module_trending_now .entry-title {
display: inline-block;
}
.td-trending-now-display-area .td_module_trending_now .td-post-date {
top: 0;
font-size: 12px;
}

Thanks!

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

Hi,

You will need custom modification for this and try to implement Next/Prev feature of post for disabled next/back buttons of the smartlist. You can try something like this in td_smart_list.php file – http://screencast.com/t/5Q5SKJsWFS Here is the code that I have tested(replace like this) – http://screencast.com/t/plVPrSq5vNG – http://pastebin.com/fgU7k1Zj Please make a backup of your current file so you can revert if it doesn’t work.
And use this custom css in Theme Panel > Custom Css – http://screencast.com/t/1afLLa6Vg33b – http://screencast.com/t/cp5Kr3C6r

.td-smart-list-pagination a .td-smart-disable {
cursor:pointer;
}
.td-smart-list-pagination a:hover {
text-decoration: none;
}

If you don’t have basic experience and you want more customization regarding this I suggest to get someone to help you as we cannto provide custom work. I have provided an example and it should work also for you.

Thanks!

Hello Rick,

Newspaper 6 is a whole new theme that is released for free for all of our existing customers 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. Also you have to update the child theme(if you use one), please note that old files customization or custom css will not work with the new version and you will have to adjust and re-add them.
Bottom line is that newspaper 6 is a whole new theme built from scratch.
Hope this helps!

Thank you!

• This reply was modified 10 years by Bogdan B..

Hello,
You can remove the smartlist number by removing or commenting out this code:
http://screencast.com/t/eCFcBYZy
Then you need to remove the title’s padding to move it to the left:
You can do this with 2 methods. Either put this code in the theme panel->custom css

.td_smart_list_6 .td-sml-current-item-title {
padding-left: 0!important;}


Or you can edit the style.css file and set padding-left to 0:
http://screencast.com/t/yZtz4utoN
Keep in mind that if you update, modifications to style.css will be lost.

Thank you!

Hi,

The more articles box doesn’t have an option to set how much time to be displayed, if this is what you mean.
You can set a specific time for it to appear after the reader close it – http://screencast.com/t/AUn9G5Yq
There is not an option to auto hide this box, it will be hidden only if the user close it.
This box use javascript code so you can alter the code if you want this – http://screencast.com/t/XQNqOXvT but it is not so easy so I suggest to hire a professional developer to do this for you as we cannot provide custom work, sorry!
If you want only to make it smaller it is possible using custom css, and also it can be hidden on specific screen device. Please provide more details if this is what you mean, I can provide a css for this.

Thanks!

Hello,

You can use a custom CSS code for a quick fix:

<code>.single .wpb_gallery.wpb_content_element.vc_clearfix {
margin-bottom: 0;
line-height:0;
}
.single .wpb_gallery .flexslider {
margin: 0 0 20px !important;
}

Just place the code in the theme panel->custom CSS: http://screencast.com/t/NmFbmhpyPE1l
The result: http://screencast.com/t/JNo6YHw0Tn

Thank you!

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

Hello Javier,

In order to use the theme api you have to know basic html/css/php. Especially PHP. There is no code you can copy and paste. You have to create your own code using the guide provided by the docs. The API is for advanced users that know their way around PHP and want to customize their site further than the theme panel allows. If you cannot do it, we suggest you hire a freelancer from sites like studio.envato.com to do it for you.
I hope this helps.
Thank you!

Hi Beldar,

I see that you use some custom ads, just add a div container like for the sidebar ad – http://screencast.com/t/2HuTMfUqrBdX Those div containers from documentation are not only for siderbar ad, you can use them also for custom ad, article ads(top, inline, bottom)…
If you don’t want to do this just paste this css code in Theme Panel > Custom Css, it will add margin bottom for all custom ads(like it was before update) – http://screencast.com/t/0HDDa5yH0

.td-a-rec-id-custom_ad_1, .td-a-rec-id-custom_ad_2, .td-a-rec-id-custom_ad_3, .td-a-rec-id-custom_ad_4, .td-a-rec-id-custom_ad_5 {
margin-bottom: 48px;
}

Let me know how it goes!

Thanks!

Hello gfm1978,

You can use this custom CSS although i am not sure where you will use it. On tablets and phones, the background image is not visible.

@media (max-width:1140px){
.backstretch{
display:none!important;
}}

I hope this helps
Thank you!

Hi,

I have also checked this on my side and found the same issue, the vc_lte_ie9.css file doesn’t exist but it is requested in the page source – http://screencast.com/t/Qyuv0uAAYUv
We will open a ticket to the plugin support and we hope it will be fixed as soon as possible.

Thanks and sorry for inconvenience!