Search Results for 'css'

Hello !

The Mobile theme was specially designed for optimization on mobile devices. Unfortunately on mobile theme you cannot do much changes of design. If you want to have the same design as on desktop mode you can achieve that by simply disabling the mobile theme. Cloud templates and sidebars are included. They do no work while having mobile theme.

We can achieve your first 2 question using a custom css code if you are kind to provide a url to your page so we can help.

We are sorry for the inconvenience !

Thank you !

Hello !

Please try this custom CSS:

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


You have to paste this code here: https://www.screencast.com/t/UL9eFKcE5 And the result should be as you can see here: https://www.screencast.com/t/xUFgf4tKF2

I hope this solves your issue !

Thank you !

Hello !

Unfortunately the WP Image zoom is an untested plugin and we cannot offer support for it due to our support policy: https://tagdiv.com/newspaper-theme-support/

I have managed to recreat a zoom effect over the featured image and featured thumbs using the custom css code wich I found here: https://codepen.io/nxworld/pen/ZYNOBZ

As you can see you can find multiple versions of zoom effects.

For the thumbnail photo located in the blocks you will have to add the class: .td-module-thumb and for the featured image you can use the .td-post-featured-image

You will have to paste them into the Custom CSS tab located in Theme panel as you can see my example here: https://www.screencast.com/t/pavdVNsp

I hope that this was helpfull !

Thank you !

Hello !

Please try this CSS. As you can see it worked on our side: https://www.screencast.com/t/l33WMueSm73

.td-blog-beauty .td_block_template_1 .td-related-title .td-cur-simple-item {
font-size: 15px;
}

I hope this was more helpfull !

Thank you !

There is a way. In order to be able to apply a font with CSS, it has to be loaded first. Currently the Helvetica font is not set for any element in the website, so it isn’t loaded. From what I can see it isn’t even available in the font selection drop-down in the theme panel.

Custom fonts can be loaded in the theme panel, there are 5 spots available
– http://prntscr.com/o7s3y0
Or they can be loaded with CSS in the custom CSS section.

– https://forum.tagdiv.com/font-customization/

So you could download the respective font, it should be available online. If it doesn’t come with a woff format, there are converters online as well (font converter to woff).

Once converted, upload it in the theme panel. Then it will be loaded by the theme. So after doing this now the font can be applied with CSS
This code should apply the font for the category description (if the font family name is Helvetica – http://prntscr.com/o7sbfh )

.category .td-category-description p {
font-family: Helvetica, Arial, sans-serif;
}

Let me know if you need help, or you have more questions.
Thanks

Hello !

You can use this custom css code here: https://www.screencast.com/t/eDld6zzO9Zo

.td-related-title {
font-size: 20px;
}

Let me know how this worked out !

Thank you !

Hi,

1)Unfortunately, the theme does not have any such an option that allows you to add something like this from the theme panel, sorry! If you want to achieve something like this, you will need to use such a custom CSS code to add the background image to your header section. As a hint, you can try using the code below and place it in Theme panel -> Custom CSS area, like this -> https://www.screencast.com/t/uviJwnLxP

.td-header-header{
margin-top:5px;
background-image: url(http://192.168.0.178/Spitzu/wp-content/uploads/2019/06/p3.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

2)I need your website URL so I can take a closer look over that section and also, so I will be able to provide a more accurate response.

Thank you!

Hi,

Please make sure that you have clear all cache and you do not have a plugin conflict; if the problem persist you can try this custom css
https://www.screencast.com/t/E30s8M5NVE
.td-post-template-1 .td-post-content p, .td-post-content {
clear: none;
}
The code need to be set in Theme panel>Custom code>Custom css

Thank you!

Hi,

Unfortunately, the theme does not have any such an option that allows you to stop this menu functionality on the mobile theme, sorry! If you want to do this, you will need to add the following custom CSS code inside your Advanced Custom CSS section from your theme panel, like this -> https://www.screencast.com/t/5rDj0jJk Clear all the caches, purge CDN files and check the results.

Thank you!

Hi,

For this you’ll need to us ea custom css
https://www.screencast.com/t/42AZ4ZDt ->
.tdb-drop-down-search {
left: 0!important;
}
Set the code in Theme panel> Custom code> Custom css

Hope this will help you!
Thank you!

Hi,

You can change that background image using custom css -> https://www.screencast.com/t/m7JyA3qXKVe or background image -> https://www.screencast.com/t/c3H12odhLUR you need to get the url for the image from media library -> https://www.screencast.com/t/5XAhDdqIkc -> https://www.screencast.com/t/T5EHkQkYlm also you can use some category templates from tagDiv Cloud Library and set it on the individual category templates -> https://www.screencast.com/t/iyHCX9YCddV

Thank you!

Hello !

Please try this custom CSS code:

.td-main-menu-logo amp-img{
position:fixed;
}

I hope this was helpfull !

Thank you !

Hello !

We are sorry for the inconvenience !

Please add this custom css code in order to activate your dropdown menu arrows: .td-mobile-content .td-icon-menu-right {
display: inline-block;
}

You can paste it here: https://www.screencast.com/t/H9Ma8zuH and if you use Mobile Theme plugin you need to paste it here: https://www.screencast.com/t/pKe8bjLKZdJ

As for the sign in / join buttons this is a known issue and our developers are working for it to be fixed in the future updates !

We are sorry for the inconvenience !

Thank you !

Hi,

The predefined grids have 7 styles available, for example
– https://demo.tagdiv.com/newspaper/big-grid-1/
The colors used there can’t be changed by a setting, I could provide you with the required CSS to change theme, depending on what you want to do. Mention for which grid style you want to do this.

I should note that flex big grids have options to set an overlay color or gradient for the modules, for example – http://prntscr.com/o7b8vx

Let me know.
Thanks

Hi,

Did you tried all the steeps from all topics for the problem with icons?
Please try this solution too
-> https://crunchify.com/how-to-fix-access-control-allow-origin-issue-for-your-https-enabled-wordpress-site-and-maxcdn/
-> https://wanago.io/2018/11/05/cors-cross-origin-resource-sharing/

If you do not want to use the awesome icons you can try the above solution; set the images from media library and set some classes on theme for custom css
-> https://www.screencast.com/t/2SJTKAiBI
-> https://www.screencast.com/t/oYI89l6jYYuM
-> https://www.screencast.com/t/8bgpwmK9qPQ
-> https://www.screencast.com/t/nvYKDeyB
-> https://www.screencast.com/t/WIKAnxWB3jE9

Hope this will help you!
Thank you!

Hi,

Regarding the issue, note that if you are using the old API plugin will not work anymore. You can use the new creative plugin for this purpose – https://forum.tagdiv.com/developer-info/
Most of the theme files were moved into the tagdiv composer plugin as per the requirements of envato: https://help.author.envato.com/hc/en-us/articles/360000472383-WordPress-Theme-Requirements.
We wrote an article on the subject here: https://tagdiv.com/updating-the-core-of-tagdiv-themes/
Moving forward with such requirements, a child theme will only work with functions.php, and style.css as there are very few files left in the main theme as envato requires all functionality to be added through plugins.

If there is still a problem, you can send us an email at contact@tagdiv.com and provide admin login, as well as cPanel or FTP if possible. We will take a look. Include a link to this topic in the email.

Thank you!