Search Results for 'css'

Hi,

Looks like there is a problem with Firefox, it has problems with some of the CSS that is used. There is something you could try, please enter this code in the theme panel custom CSS section

.td-md-is-firefox .home .td-header-image {
display: inline-flex;
}

It should solve the problem – http://prntscr.com/oh8hy1

I will however make a note of it and mention it to pour design team so they can investigate. Sorry for the inconvenience. Let me know if it works, also if you have more questions.

Thanks

Hi,

In order to have different category tag color on post page you can check the options from Theme Panel> Categories in Per category settings section -> http://prntscr.com/oh7eu0 -> https://forum.tagdiv.com/default-category-settings/
If you want to achieve this on blocks/modules, you can do this only using custom css -> https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/
You can check this similar topic -> https://forum.tagdiv.com/topic/how-can-i-show-the-category-of-each-post-on-the-thumbnail-of-the-post/

Hope this will help you!
Thank you!

Hi,

From what I can find wp rocket already has render blocking capabilities
– https://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed
Maybe you could use the settings from there, and not a different plugin. Then make tests.

Thanks

Hi,

So if i understand correctly you want that the title of post from the category page to have a different accent color, if is so then you can achieve this in two ways:
1. Using custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ if you need help with this, Please provide me a link to your category page and I will gladly provide a custom css for you.
This is an example code
.category .td_module_wrap:hover .td-module-title a{
color: red;
}

2. You can use a category template from tagDiv Cloud Library and customize it using the tagDiv Composer .

Thank you!

Hi,

1)You can use a bit of CSS code for that. Use the code below and place it in Theme panel -> Cusotm CSS area.

.td-header-container{
border: 3px solid green;
}

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

3)I suppose that you are using the Footer Template Style 1 which is default footer section which comes with some default blocks. If you want to have more control over that section you will need to use another Footer Template, like 2 or 6 which allows you to add any widget you want from here -> https://www.screencast.com/t/Q2fi9hZBU7t -> https://www.screencast.com/t/3yiUQsCT Check the documentation from here -> https://forum.tagdiv.com/newsmag-footer-templates-2/

Thank you!

Hi,

Thank you very much for your appreciation. I will try to help with the issues you are having.

In the homepage I see there are lots of mixed content issues, I believe you are in the process of installing the SSL certificate so that should solve itself when it is finished.

The wordpress recent posts widget doesn’t show an image as far as I know. It displays the post title and the date if enabled – http://prntscr.com/oh5ona
You could however use a theme block instead of that widget, and call it recent posts. Sort it by latest so that it shows the freshest posts – http://prntscr.com/oh4olg
– http://prntscr.com/oh4ooy

In the footer currently I see that a footer page is set. The theme provides predefined footer templates but it can also display a footer page in the footer location
– https://forum.tagdiv.com/footer-templates/
If you want to customize the footer page, there is an option in the theme panel
– http://prntscr.com/oh5qo4

Note that some demos when installed will load a custom stylesheet, containing various CSS customization. The journal demo will set a background color for the website
– https://demo.tagdiv.com/newspaper_journal/
This will override the theme panel background color it seems, I will make a note of it and we will find a different solution for this demo customization. For the time being you could remove the background color from the demo here – http://prntscr.com/oh5z27 Then the theme panel color will apply. Sorry for this inconvenience.

Please let me know if you have more questions.
Thanks

Hi,

Unfortunately for the moment there is no option to remove the footer for a specific page, but this can be done using custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ if you need help with this, just provide me the link of the page you do not want to have a footer and I will gladly help you!

Thank you!

Hi,

I see the problem, I could provide a CSS code for it, simply enter it in the theme panel custom code section – http://prntscr.com/oh5jw6

.td_module_11 .td-read-more,
.widget_text p {
font-family: Marcellus;
}

Please let me know if you have more questions.
Thanks

Hi,

Yes, you can use a custom css for achieve round buttons for social share on mobile
http://prntscr.com/oh5fkz
.td-post-sharing-bottom .td-post-sharing-visible a{
border-radius: 50%;
}

Hope this will help you!
Thank you!

Hi,

We’ve tried to keep our documentation up to date for the child theme and for the rest of the theme functionality.
Since Newspaper v9.7 the theme functionality was moved in ta-composer and the child theme was working only with style.css and functions.php; but now in the last version ( Newspaper v9.7.4 ) the child theme is working again like before and the files from td-composer plugin can be set in the child theme -> https://forum.tagdiv.com/the-child-theme-support-tutorial/
We recommend to set the child theme via FTP, also if you are using the envato api, there can be a little delay until you’ll receive the available update.

Thank you for your understanding!

Hi,

So you are using header style 1. That is the one the live theme demo uses
– https://demo.tagdiv.com/newspaper/
There are some margins there, without those it wouldn’t look good
– http://prntscr.com/oh4qju
But I could reduce the margins top and bottom to half – http://prntscr.com/oh4rl8

.td-header-style-1 .td-header-sp-recs {
margin: 14px 0 9px;
}
.td-header-style-1 .td-header-sp-logo {
margin: 14px 28px 9px;
}

The code can be entered in the theme panel custom CSS section. Please let me know if you have more questions.

Or you could build your own header with the header builder and the cloud library plugin
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
There are cloud headers built by us that you can import and modify if needed
– https://cloud.tagdiv.com/#/load/Headers
These headers can be created/modified in the composer. If you want to build one from scratch, use the blank header template.

Please let me know if you have more questions.
Thanks

Hello !

Please try this CSS and let me know how it works:

.td-page-content a:hover, .td-post-content a:hover, .wpb_text_column a:hover, .td_block_text_with_title a:hover, .woocommerce #tab-description a:hover, .mce-content-body a:hover {
color: red;
text-decoration: underline;
}

https://www.screencast.com/t/4MuSkRdVgJ

Thank you !

Hello !

If you meant something like this here is the css code: https://www.screencast.com/t/0zv63W4g

.sf-menu>.current-menu-item>a, .sf-menu>.current-menu-ancestor>a, .sf-menu>.current-category-ancestor>a, .sf-menu>li>a:hover, .sf-menu>.sfHover>a {
background-color: black;
border-radius: 15px;
color: white;
line-height: 30px!important;
margin-top: 22px;
}

This code must be inserted in here: https://www.screencast.com/t/J1Nxw5s5

I hope this was helpfull !

Thank you !

Hi,

Please note the easy solution, in this case, is to install the demo without content and the layout of the demo is imported and ready to be used on your website. Please note that each demo has a certain custom CSS which can be found here -> https://www.screencast.com/t/YwEwupo8

Thank you!

Hi,

@DaveS There is a way how you could actually remove the product name from the woocommerce breadcrumbs, try this code in the theme or child theme functions file

add_filter( 'woocommerce_get_breadcrumb', 'ed_change_breadcrumb' );
function ed_change_breadcrumb( $breadcrumb ) {
if(is_singular()){
array_pop($breadcrumb);
}
return $breadcrumb;
}

Before – http://prntscr.com/ogmbgr and after – http://prntscr.com/ogmbt4

Seems to work for me, I could give you a CSS code as well if needed.

Thanks

Hi,

You can try this custom css
.td_block_authors .td-author-comments-count, .td_block_authors .td-author-post-count, .td-author-page .td-author-counters{
display: none;
}
This will hide the post and comment counter from author page -> https://www.screencast.com/t/ciUoN0QFs and author box -> https://www.screencast.com/t/cyb7i3gyq0O2

Hope this will help you!
Thank you!