Search Results for 'css'

Hi,

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

.td-banner-wrap-full{
background-color:red
}

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

Thanks.

Hi,

Even if you were to remove the padding and increase the width of the main content area, the results would not look good
– https://www.screencast.com/t/Lmft0bcO
– https://www.screencast.com/t/15CmjdP1x
You could experiment with modifications to the post content with custom code, maybe something like this with a fixed width (code like this should be entered in Theme panel Advanced CSS in the desktop section, as it will surely not display properly on smaller devices)
– https://www.screencast.com/t/zZRVS6sPQ
Or maybe like this
– https://www.screencast.com/t/nGjH6NMq
Or simply do not use a sidebar for the posts where you need a bigger width for the post content. This is a demo post without a sidebar
– https://demo.tagdiv.com/newspaper/td-post-five-things-you-may-have-missed-over-the-weekend-from-the-world-of-business/

Thanks

Hi,

The Latest articles title and also widget titles background color, are affected by this setting in the theme panel
– https://www.screencast.com/t/saLyjJff
For the comments elements you can try a code like this to modify the background color as you wish (use the colors you want in the code)
– https://www.screencast.com/t/byXjiirUC

.comments .block-title {
border-color: blue;
}
.comments .block-title > span {
background-color: blue;
}
.comments input[type=submit] {
background-color: red;
}

Enter the ode in Theme panel->Custom CSS.

Thanks

Hello majorfuss,

1)Check the Theme panel -> Theme Fonts, like this -> https://www.screencast.com/t/6j4mmsiL and from there you can make this change.
2)If you are referring to this element -> https://www.screencast.com/t/v9oWtNWLg5xm notice that you can turn off it from here -> https://www.screencast.com/t/v9oWtNWLg5xm for each block. If is not what you mean, provide more details or useful screenshots.
3) In order to remove more from an author you can use 2 methods:
The CSS method:

.td_block_related_posts .td-related-right {
display:none;
}

You can add the code in the theme Panel -> custom CSS box.

Or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd

4)Unfortunately, I do not exactly understand what you mean. Provide more details about it so I will be able to provide a more accurate response.

Thanks.

Hello,

If you want to remove the author name from specific elements only, you will need to use css for it. The theme settings remove the author from all of the blocks and modules at once, not for specific ones.
For big grid 6, please add this code in the theme panel->custom css box:

.td_block_big_grid_6 .td-big-grid-post .td-post-author-name a, .td_block_big_grid_6 .td-big-grid-post .td-post-author-name span{
display:none;
}

Thank you!

Hi Matías,

Unfortunately, our theme does not have any such an option that allows you to do this, automatically, sorry! You should do it manually, using a bit of CSS code for each post (using the post ID) which has this specification or you should create a code which does this automatically. Notice that is not a simple task and if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom services at the moment, sorry!

Thanks for your understanding!

Hello,

It is best to add a custom class to your images in the tiny mce editor in text mode. You will need basic html skills for this.
And then target your custom class with css and ad a padding-botom:30px; for example.
Here is a practical example:

https://www.screencast.com/t/appyg1yqBSZ

Then use this custom css code in the theme panel-> custom css box:

.paddingimage{
padding-bottom:30px;
}

Thanks.

Hi,

If the row is split in three columns, these columns will be displayed one below the other on smaller devices
– https://www.screencast.com/t/sloRZyimJTJ5
They could be made to be displayed next to each other, if that is what you want. In this example I added a custom class to the row containing three ads
– https://www.screencast.com/t/qHoLuXJx2j
Then used a code like this in Theme panel->ADvanced CSS in the phones section
– https://www.screencast.com/t/4j238JIv38K
The columns will be displayed next to each other, not below. Please correct me if I misunderstand something.

Thanks

Hi,

Please keep in mind that what you want to do is a BIG update and the theme will be broken because it is totally another theme, sorry!

In order to achieve the best results after you will install the latest update you have to follow some rigorous steps like this -> you have to delete both of your themes, child theme, and main theme. All your customizations from your Newspaper 4 theme will do not work because all the files from this were changed in Newspaper 8.1 and as the main theme and also you lose all changes.

The Newspaper 8.1 is a whole new theme so an update from 4 to 8.1 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).

Always make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come bundled with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.

The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom CSS will not work with the new version and you will have to adjust or re-add them. Bottom line is that newspaper 8.1 is a whole new theme built from scratch.

Unfortunately, you will have to clear your agenda and spare a bit of time to adjust all your settings to the new version of the theme.

Hope this helps and let us know how it goes!

Thank you for the message!

Hi,

There is no option to change the article title color on the block modules. However this can be done with some custom CSS code. If you could provide a link to your website and more details about what exactly you would like to change and how, I will give you a solution.

Thanks

Hi,

If you were to remove the entire category header, the category page will look like this
– https://www.screencast.com/t/Ll3jPhcK2I7
Use this code if that is the result you need, and also maybe set some padding at the top of the grid (you can change the value for the padding if you want)
– https://www.screencast.com/t/w5jhWgMZ

.category .td-category-header {
display:none;
}
.category .td-category-grid {
padding-top: 23px;
}

The arrow in the menu indicates that the menu item is a mega-menu, or it is a drop-down menu. You could remove it for all the menu items with a code like this
– https://www.screencast.com/t/DyZbm1CQnK

#td-header-menu .td-icon-menu-down {
display: none;
}

These codes must be entered in Theme panel->Custom CSS if you decide to use them.

Thanks

Hello daniloz,

Unfortunately, our theme does not have any such an option that allows you to make these changes from the Theme panel, sorry! It’s possible to achieve something like that but only if you will use such a bit of custom CSS code for this. Notice that is not a simple task and if you are not an advanced user, please consider hiring a freelancer/developer to help you because we cannot provide custom services at the moment, sorry!

Thanks.

Hello,

Please add this code in the theme panel-> custom css box:
@media(max-width:767px){
.category .entry-title{
display:none;
}
}

Thank you!

Hi,

From what I can understand you would like to remove the post title, from the post page. There is no theme setting that you can use for this, but you can try a code like this one
– https://www.screencast.com/t/ll0uk4vj
It should remove the post title from the post page, on all the post templates. Enter the code in Theme panel->Advanced CSS in the phones section. It will apply only on smaller devices if that is what you need

.single .td-post-title h1{
display:none;
}

If you have caching installed, clear the cache after entering the code.

Thanks

Hello,
Please add this code in the theme panel-> custom css box:
@media(min-width:767px){
.td-header-sp-logo{
float:right!important;
}
}

Thanks.

Please use these guides to properly implement ssl:

http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/

Thanks.

Hi,

If you want to affect only the color links, notice that you should try using a bit of CSS in order to achieve some results. As an example, you can try using the code below and place it in Theme Panel -> Custom CSS area.

The code is ->

a:hover{
color:red!important;
}
a{
color:green!important;
}

The first part of the code can be used for hover links effects the second one for the static color links.

Thanks for the message!

Hello akisloukas,

If you want to do this, notice that you should use a bit of CSS code with this rule. If you have a specific page or posts from where you want to remove the Ad, first of all, you should take the page ID or post ID from here -> https://www.screencast.com/t/rJwArH41ICz and then, target the Ad if you want to remove/hide, like this -> https://www.screencast.com/t/Q9OcpCKk. The code should look like this ->

.page-id-13 .td-a-rec-id-sidebar{
display:none;
}

In that way, you should create your personal custom CSS code for your Ads.

Hope this helps!

Thanks for the message!