Search Results for 'css'

Hello Margherita,

Sorry, but please notice that the theme does not have any such an option for this. This task involves doing such additional customizations and we cannot provide something like this, unfortunately! You should create your own custom CSS code according to the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

1. Try reducing it with negative top and bottom margins values, for the row containing the HTML element
– https://www.screencast.com/t/ujiawwj2rw
Or do it with CSS in Theme panel->Advanced CSS phones section
– https://www.screencast.com/t/VrN6jNY0ZX2S
These are half the values, modify them as you want

.home .td-main-page-wrap {
padding-top: 16px;
}
.home .vc_raw_html {
margin-bottom: 16px;
}

To make it visible only on phones, hide the row on all other devices
– https://www.screencast.com/t/fKKYXiqEi0i
– https://www.screencast.com/t/C4nvRf6ejzlg

2. For start the font is bigger in that example, 19px vs 14px. The body font applies for those links. Try making it similar.

3. I tried the same, seems to work for me
– https://www.screencast.com/t/KkXKpCQjgFcE
I have once seen this before, it was caused by optimization plugins or render blocking implementations in relation to multi-purpose elements. If you use such plugins maybe you can disable theme temporarily to check, or if possible exclude the multi-purpose plugin or from any optimization.

If that is not possible the buttons may or other multi-purpose may not work properly, the button could be styled with some CSS. Check on the other website you have as well.

Thanks

Hi,

There are settings for most things, so if a setting is created for a customization, there would be no need to make it custom. For creating CSS code there is a guide you can read
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
This is useful when for example there is no setting for a modification you want to make, or the setting is general and you want something more specific.

I would mention that on contrary you should not worry yourself with the child theme from the beginning. Until you get more familiarized with the actual theme and it’s capabilities and structure there would be no reason to have one.
If in the future you should require one or we recommend you to create one for a specific reason, you can use it then.
Child themes require maintenance as well, so you will have to monitor theme updates and changelogs to keep it up to date.

Thanks

Hello Jessie,

For example, if you want to increase the icons from our demo “Animals” you should use the code below and place it in Theme panel -> Custom CSS area.

.td-animals .td-icons-animals {
font-size: 60px;
}

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

Note: This is just a simple example of our Animal News demo.

Thanks for your understanding!

Please check if you are you using the latest AMP plugin
– https://www.screencast.com/t/M7kbFZ8ZQ6ft
The errors are caused by the a few meta tags which use inline CSS
– https://www.screencast.com/t/NMucXndnhAJ
Are you using some custom implementation or plugin for extra meta for the posts?
I checked and these errors are not displayed in a default post on my end.

Thanks

Hi,

The author can be removed for all blocks/modules, there is a general setting in the theme panel
– https://www.screencast.com/t/fokFpWU2t0VC
It cannot be removed specifically for category pages only by a theme setting. But if that is what you want, a code like this will do the job
– https://www.screencast.com/t/QNuWBIcr
Once entered in Theme panel->Custom CSS it will remove all author names in author pages

.category .td-post-author-name {
display: none;
}

I tested the translation for the Read more button, seems to work for me so it should for you as well
– https://www.screencast.com/t/eHKFhZ8m
– https://www.screencast.com/t/iC9Yl0XjBsy

Thanks

Hi,

The comment count can be disabled in general in the theme panel
– https://www.screencast.com/t/JTw8BLXSifB
It could be removed for specific blocks and show on others, that could be done with a CSS code. I will provide you with a solution if you will mention the respective block/blocks.

The big grids and full big grids have 7 styles to choose from, for example
– https://demo.tagdiv.com/newspaper/big-grid-4/
But there is no style that would display the post title below the thumbnail at this moment. The title will be displayed in various positions according to style, but on the thumbnail.

Thanks

Hello pakdefense,

Try the code below and place it in Theme panel -> Custom CSS area.

.td-page-content p span a {
color: red !important;
}

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

Thanks for your understanding!

Hi,

@havardkrislok The child theme is useful if you want to modify theme files mainly, so if you plan to do that you can use it. The guide mentioned what files are supported to be modified in the child theme.
More information about child themes can always be found online
– https://codex.wordpress.org/Child_Themes
– http://www.wpbeginner.com/beginners-guide/wordpress-child-theme-pros-cons/
– https://www.wordpressdepartment.com/wordpress-child-theme-pros-cons-wordpress-child-theme/

For CSS customization for example, there are custom code sections in the theme panel
– https://www.screencast.com/t/1ION93IaM

The guide mentions where you can find the child theme
– https://www.screencast.com/t/tuvJrGHeC7
This child theme has to be installed like any normal theme and activated. It is provided ready to be uploaded by FTP, if you want to install it with WordPress you must zip it first
– https://www.screencast.com/t/UqeFIgH8s

For demos please check here
– https://forum.tagdiv.com/demos_introduction/
– https://forum.tagdiv.com/installing-demos/
These demos will install for the theme, in no relation to having a child theme or not. They can be uninstalled or switched at any time. If a demo is uninstalled the website will be as it was before installing it.

Let us know if you have further questions.

Thanks

Hello Zamara,

All the style of the theme can be found in the style.css file. If you want to change the comment count position, you should create your custom CSS code using the Inspector browser, like with our useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

Maybe there is not enough space to display all the menu items in a single row. You could stretch the menu
– https://www.screencast.com/t/QvE0UyubZwMm
Or maybe I could provide you with some CSS for it, if stretching is not an option for you. Please provide a link to your website so I can take a look.

Thanks

Hi,

We will need more details about the problem you are having for a better understanding. What exactly is happening with the theme CSS? The theme does not have any redirect settings for the stylesheet or in general.

Try reinstalling by FTP
– https://forum.tagdiv.com/install-via-ftp/
Deactivate and remove theme plugins, install theme again from the theme package you are using. Consider updating to the latest version if you use an older version. Update WordPress as well if you did not.

Check and review theme requirements here
– https://forum.tagdiv.com/requirements-for-newspaper/

Test with no other plugins except theme plugins, and no child theme. Check htaccess for redirects. Check with hosting for error logs. Let us know.

Thanks

Hello,

Try using the code below and place it in Theme panel -> Custom CSS area.

.td-subfooter-menu li a{
border-right: 3px solid green;
padding-right:3px;
}
.widget{
margin-bottom: 0;
}

Thanks.

Hello,

The code can be added to the theme panel under custom code in the custom css section.
https://www.screencast.com/t/Q8kOHikq

Thank you!