Search Results for 'css'

Hi,

If you want to make 2 columns on mobile for those elements, please use the code below and place it in Theme panel -> Custom CSS area.

@media(max-width:767px){
.vc_grid-item{
width:50%;
float:left!important;
}}

The result is here -> https://www.screencast.com/t/MsKK8akK

Thank you!

Hi,

1. In order to lower the height of the Smart Snap Header you need to use a custom css or you can use the header manager and build the header how you want.

2. I’ve checked the page menu and this is working normally -> https://www.screencast.com/t/GMvZ576y6D
Please make sure that the tagDiv Composer https://tagdiv.com/tagdiv-composer-page-builder-basics/ is activate and you do not have a plugin conflict with untested plugins, please deactivate all non theme, also if you are using child theme, clear all cache and try again.

Thank you!

A code like this will add a margin to the right of the inline left ads
– http://prntscr.com/o3wa5s
It can be entered in the theme panel->custom CSS section (you can modify the the value of the margin if needed)

.td-a-rec-id-content_inlineleft {
margin-right: 15px;
}

Regarding the drop-down arrows on mobile, this is a bug in the theme after the last update. It is a CSS issue that will be solved for the next update. The quick fix is to enter this code in the same location as mentioned above. It will fix it
– http://prntscr.com/o3wf1j

.td-mobile-content .td-icon-menu-right {
display: inline-block;
}

Sorry for this inconvenience.

Let me know if you have more questions.

Hi,

Please make sure that you do not have a plugin conflict with untested plugins, please deactivate all non theme, also if you are using child theme, clear all cache and try again.

If this is still not working please try this custom css
https://www.screencast.com/t/xF7kctwfia
.td-module-comments {
right: 0;
position: fixed;
}
.td_module_17 .td-module-comments a {
color: #fff;
background-color: #000!important;
}
.td_module_17 .td-module-comments a:after {
border-color: #000 transparent transparent transparent!important;
}
Set the code in Theme panel>Custom code>Custom css

Thank you!

Hi,

In order to achieve that you need to set a padding for images and a border, this can be achieve using custom css for all images from posts
.single .td-post-content figure img {
border: 1px solid gray;
padding: 15px;
}
Set the code in Theme panel>Custom code>Custom css
Also you can change the color and px size.

Thank you!

Hi,

Please try this custom css for mobile arrows, set the code in Theme Panel>Custom code>Custom css and
.td-mobile-content .td-icon-menu-right {
display: block;
}

Thank you!

Hi,

If I understand correctly you want tho set a different dimension for the image that you set in post content, if is so when you add an image you need to set the size -> https://www.screencast.com/t/qBQEVe0eVo or if you are using the Gutenberg editor -> https://www.screencast.com/t/zcsSPOGQu2

Thank you!

Hi,

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.

Please check this topic about the update to the Newspaper 9.7 -> https://forum.tagdiv.com/topic/important-new-update-newspaper-9-7/

Thank you!

Hi,

Please provide your website URL so I can take a closer look at this section. Maybe, it’s possible with a bit of CSS code.

Thank you!

Please provide an example of the colors that need to be changed, a link to where the elements are located and some details would be helpful. Maybe it can be done in a different way, with CSS for example.
The composer can’t be inactive anymore, deactivating it won’t be a solution.

Hi,

Please try this custom css for mobile arrows

.td-mobile-content .td-icon-menu-right {
display: block;
}

-> https://www.screencast.com/t/mZ00jNoM0

Thank you!

Hi,

Maybe that widget is not compatible with AMP, you could check in the widget provider documentation if it supports AMP.

The icons display like that because of RTL, the design isn’t created for RTL unfortunately, so there will various issues. Try using a CSS code like this one to position the search icon to the left – http://prntscr.com/o3pf2c

.td-search-icon {
left:0;
right: auto;
}

Or you could remove it – http://prntscr.com/o3pfpl The code can be entered the code in the mobile theme custom CSS section.

Thanks

Hi,

Seems that the border radius setting is not working properly, I checked it on my end. I could give you a CSS code for it, until it is fixed. For example a code like this should work for it – http://prntscr.com/o3p76k you can modify the value as you want

.tdm_block_title_over_image .tds-title-over-image {
border-radius: 25px !important;
}

This code will affect all the title over image elements, but it can be made more specific by setting and using a class for the title over image elements you want it to apply, like in this example
– http://prntscr.com/o3p7w5 – http://prntscr.com/o3p83m

Sorry for the inconvenience, let me know if you have more questions.
Thanks

Hi,

In order to hide the category that is over the featured image in related articles you need to use this custom css
.td_module_related_posts .td-post-category{
display: none;
}
Set this code in Theme Panel>Custom code>Custom css

Thank you!

Hi,

In order to remove the gap you can edit the page and set to the first row a margin top
-40 https://www.screencast.com/t/XHpfT49oE9U or you can use custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you need help whit this please provide a link were I can inspect the problem, in this way I will be able to provide you the right css.

You can change the gap between the elements using tagDiv Composer -> https://www.screencast.com/t/b5rLIcMBxZK

Thank you!

Hi,

I see you disabled the filter in the theme panel general category settings, as it is not appearing anymore – http://prntscr.com/o3crbb
The popularity sorting should work fine, the post views have to be active in order for the theme to count the views – http://prntscr.com/o3cssj

Thanks

Hi,

By a setting it is not possible at the moment, the lightsky effect color is predefined. I could give you a code where you can set the color you want, then enter it in the custom CSS section

.td-grid-style-6.td-hover-1 .td-module-thumb a:last-child:after {
background: rgba(255,255,255,.2);
}

You can chnage the color as you want, the code will affect all the grids that use style 6. I could modify it if needed.

Thanks

Hi,

What you can do is to use a custom css to hide the duplicated content only for the footer page
Create custom code with the browser’s Inspector or the Live CSS Box -> https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/

Thank you!

Hi,

Please check this article about How to Minify CSS / JavaScript Files in WordPress -> https://www.wpbeginner.com/plugins/how-to-minify-css-javascript-files-in-wordpress/

Thank you!

Hi,

If you do not like that warning you can implement the code for other browses too and the warning will disappear.
.sf-menu li:hover ul, .sf-menu li.sfHover ul{
z-index: 999;
-webkit-transform: translate3d(0,0,0); /* WebKit */
-moz-transform: translate3d(0,0,0); /* Mozilla */
-o-transform: translate3d(0,0,0); /* Opera */
-ms-transform: translate3d(0,0,0); /* Internet Explorer */
transform: translate3d(0,0,0); /* CSS3 */
}

-> https://www.quackit.com/css/properties/webkit/css_-webkit-transform.cfm

Thank you!

Hello !

In order to change the color of the Author name in posts you will have to edit with css. Please try this code:

.td-author-name a {
color: red;
}

You have to paste that code here: https://www.screencast.com/t/nRx58eYALHpK

Thank you !