Search Results for 'css'

Hi,

The linked text is apply for all elements from theme from the theme accent color, in order to change that color you’ll need to use custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

If you need help with this please provide a link were I can inspect you footer, in this way I will be able to provide you the right css.

Thank you for your understanding!

Hi,
For the composer issue, please contact us via email at contact@tagdiv.com and provide a link to your site and wp-admin so we can login and investigate. A for the hover color of the search, originally there is no hover color set to the search icon. Any color set to the hover for this element is a custom implementation and I cannot say for sure where it is coming from. It could be a code in your theme panel – custom css.

Thank you!

Hi,

I think the easy way will be to set a custom css on for author box on those pages were you do not want to show the biography, and you’ll no need to duplicate that file.
If you need help with this please provide a link were you want to hide the biography in author box.

Thank you for your understanding!

Hi,

Please chek the AMP HTML Specification -> https://www.ampproject.org/docs/fundamentals/spec

Please check this documentation for amp-img (Built-in) -> https://www.ampproject.org/docs/reference/components/amp-img

Please read AMP HTML Specification ->
https://forum.tagdiv.com/topic/custom-javascript-is-not-allowed/

‘While it does allow styling the document using custom CSS, it does not allow author written JavaScript beyond what is provided through the custom elements to reach its performance goals.‘

Also after you manage the javascript, please access your permalinks section of WordPress and press the save button again for the permalinks. you do not have to change the structure. Just save gain. This fixed the amp error for most users.

Also please check a similar topic -> https://forum.tagdiv.com/topic/a-mandatory-amp-html-tag-is-missing-from-this-document/

Thank you.

I failed to see that the category pages use the same cloud template. A solution would be to create copies of the cloud template and use different widget sidebars for each one, but that may take a while if there are many categories.

Try this plugin – https://www.wpbeginner.com/plugins/how-to-show-or-hide-widgets-on-specific-wordpress-pages/
See if works, or some of these – https://technumero.com/show-or-hide-widgets-on-specific-pages-in-wordpress/

With CSS it may require a lot of cases, depending on what you want to do exactly. There could be conditions created, for example if not category lifestyle hide the second image widget in the sidebar. So that second image widget will show on the intended category page
– http://prntscr.com/momau3 and not in the others – http://prntscr.com/mombaf

Hi,

Maybe it can be done with some CSS. For example in the post content you can set a background color for the image with a code like this
– http://prntscr.com/molgz8
But this code will affect all the images. You could add an extra class to the image
– http://prntscr.com/molhxg and use it in the code – http://prntscr.com/moli8x

Here is the code used in the example

.td-post-content .myclass {
background-color: yellow;
}

If this is not what you want, some more details would be helpful.

Thanks

Hi,

If you are referring to the sort after review score -> https://www.screencast.com/t/a2KVGnicJ0a3 this can be done with custom css
-> https://www.screencast.com/t/6wibfqhEr9
.td-category-header .td-pulldown-filter-list li:nth-child(5) {
display:none;
}

In order to achieve the overall score in text you’ll need to make some changes in theme files:
For overall score from tagDiv cloud library you’ll need to make this changes in this file wp-content/plugins/td-cloud-library/shortcodes/single/tdb_single_review_overall.php
-> https://www.screencast.com/t/k379A9QUmWa
For defoult post templates you’ll need to edit this file wp-content\themes\Newspaper\includes\wp_booster\td_review.php
https://www.screencast.com/t/TuhIvBE6M08x
-> https://www.screencast.com/t/GLxGK8HB
-> https://www.screencast.com/t/luENHcAdTRo

Thank you!

Hi,

If you want to have the whatsapp share button mo desktop to please add the below custom css in Newspaper>theme panel>Custom code>Custom css
.td-social-whatsapp, .td-social-line, .td-social-viber {
display: inline-block;
}
-> https://www.screencast.com/t/lEpxmeig6

Thank you!

Hi,

A background color for the row can be set like this – http://prntscr.com/moje8t
You can also stretch the row for full width background color – http://prntscr.com/mojeiv

From what I can see in the screenshots you are setting a background cor the divider, not the row. Click on the row, and in the CSS tab you can set a background color. If I misunderstand something please let me know.

Thanks

Hi,

First you’ll need to set a mobile logo in Newspaper>Theme panel>Headers>Logo for mobile
-> https://www.screencast.com/t/ng7ndiJpek
-> https://www.screencast.com/t/H8RToieCnd
After that you’ll need to set a custom css in amp files
Here is the css for center the logo on amp
.td-logo amp-img {
left: 50%;
transform: translateX(-50%);
}
The above code is a bit of CSS code to change the AMP style page, please edit here -> https://www.screencast.com/t/vIUHFAbD6uRH There’s no option for custom CSS code for AMP version, sorry! You need to follow the above advice if you want to customize your AMP version.
the path is wp-content>plugins>td-amp>templates>styles.php
results-> https://www.screencast.com/t/ypZ7UyOkP

Thank you for your understanding!

Hi,

So you want to not show the date and author in posts such as that one, glossary templates. The simplest way would be to use some CSS – http://prntscr.com/moix4x
This should not affect other posts – http://prntscr.com/moix8j

You could give it a try

.single-glossary article .td-module-meta-info {
display: none;
}

Thanks

Hi,

Unfortunately I do not quite understand on what design you are referring, on background color on hover on menu?
Unfortunately our theme do not have this option to set in menu different hover color on each category, sorry.
I think this can be done wit some custom css
Here is an example
ul li:nth-child(2):hover a:after{
background-color :green;
}
ul li:nth-child(2):hover a{
color: green;
}
ul li:nth-child(3):hover a:after{
background-color :blue;
}
ul li:nth-child(3):hover a{
color: blue;
}

https://www.screencast.com/t/0fN2vG0kU

Thank you for your understanding!

Hi,

If you are referring to those https://www.screencast.com/t/dW4edff22 buttons, note that are made manually, with custom css/html/javascript ( our theme do not have that type of buttons with drop down ), that is post template 10 and was customized and set in child theme.

Thank you for your understanding!

Hi,

Please try this custom css
.td-g-rec-id-content_bottom .adsbygoogle {
margin-left: auto!important;
}
.adsbygoogle {
margin-left: -20px!important;
}
Hope this will help you better!
Thanks.

Hi,

If this is what you want to achieve -> https://www.screencast.com/t/avyIipdXM then please replace the above custom css with this one
blockquote { margin: 0 0 29px; background-color: #FCFCFC; border-left: 2px solid #4DB2EC; padding: 15px 23px 0 32px; position: relative; top: 6px; text-transform: capitalize!important;}
blockquote p { text-align: center; color: #808080; font-family: 'PT Sans',sans-serif !important; font-size: 14px !important; line-height: 21px !important; margin: 0; padding-bottom: 16px; text-transform: capitalize!important; }

Thank you!