Search Results for 'css'

Hi,

Please notice that all the custom CSS code should have to be added in Theme panel -> Custom CSS area without any problem. When you update the theme, all the code from there will remain there. Regarding on Child Theme, please check here -> https://forum.tagdiv.com/the-child-theme-support-tutorial/

Thanks for your understanding!

Hi,

Please note that both example that you provide are for posts, and in order to achieve the next or continue button instead of numbered pagination you’ll need to make some changes in theme files.
But you can achieve the next/prev button like in your screenshot using some custom css here is an example -> https://www.screencast.com/t/cGvm7NDMqY
.td-post-next-prev .td-block-span6 {
padding: 15px;
text-align: center;
width: 40%;
margin-left:5%;
margin-right: 5%;
border-radius: 15px;
margin-bottom: 42px;
}
.td-post-next-prev .td-block-span6:nth-child(1) a{
margin: 0;
color: #333;
}
.td-post-next-prev .td-block-span6:nth-child(3) a {
margin: 0;
color: #fff;
}
.td-post-next-prev .td-block-span6:nth-child(1) span{
color: #333;
font-size: 18px;
font-weight: 700;
}
.td-post-next-prev .td-block-span6:nth-child(3) span{
color: #fff;
font-size: 18px;
font-weight: 700;
}
.td-post-next-prev .td-block-span6:nth-child(1){
border: 1px solid #e6e6e6;
background-color: #e6e6e6;
}
.td-post-next-prev .td-block-span6:nth-child(3){
background-color: #4db2ec;
border: 1px solid #4db2ec;
}
-> https://www.screencast.com/t/m1VgxwIc
You need to set this custom css in Newspaper>Theme panel>Custom code>Custom css

Thank you for your understanding!

Hi,

Here is how is look on may install -> https://www.screencast.com/t/LhKc3Y9WUz4o please make sure that you do not have any css set in theme panel that can change the layout.

If there is still a problem please provide a link were I can inspect this problem.

Thank you for your understanding!

Hi,

If you are using the mobile theme all you need to do is to set this custom css in Theme panel> Mobile Theme> Custom code / css –
.comment-form .td-form-url {
display: none;
}
or you can comment in wp-content/themes/Newspaper/mobile/comments.php
-> https://www.screencast.com/t/lXMwafFzqEeE

Thank you!

Hi,

Did you check if you have some custom css in theme panel?
If you want you can use a custom css, set the code in Theme panel>custom code> custom css
-> https://www.screencast.com/t/FIe0A8T6YHIP
.tdm-header-menu-btns .tdm-menu-btn1 .tds-button .tds-button1 {
border-radius: 0;
}

Thank you.

Hi,

Please provide a link were I can make some inspects, in this way I will be able to provide you the right custom css.

Thank you for your understanding!

Hi,

This will not affect the site speed and, the image will still there, but will apply a style on it with css.

Thank you for your understanding!

Hi,

Sorry was my mistake, I understand wrong.
For that you’ll need to select the row and the elements from them, and change in css the margin, for less set “-” before the number, or set the number “0” -> https://www.screencast.com/t/UWK6B3YxX4
-> https://www.screencast.com/t/iHqaiuAiORG

Thank you!

Hi,

Please make sure that all those settings are set to default -> https://www.screencast.com/t/okJc5rzx
Also please make sure that you clear all cache, and you do not have some custom css that for the text for links (“a”), or some plugins that can do that.

Thank you.

Hi,

Please try like this, set the header logo in the same row/column with menu and display the logo from css to inline-block -> https://www.screencast.com/t/X2CiZQqgsZzh -> https://www.screencast.com/t/MwLYEzNhvC

Hope this will help you!
Thanks.

Hi,

Please make sure that you do not have some plugins that are in conflict with the theme, please deactivate all non theme plugins and clear all cache; also please check if you have any custom css set in theme.

Thank you.

Hi,

If you want to hide the page title, only for that page, you need to use a bit of CSS code for that. Please use the code below and place it in Theme panel -> Custom CSS area.

The code is here ->

.page-id-2272 .td-page-title{
display:none;
}

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

Thanks for your understanding!

Hi,

1)By default, please notice that’s the order of them. So, if you need to make some changes over this section, you need to edit the loop single according to your post template used by you and make the following modification. As an example, if you are using the post template style 8, you need to edit the loop-single-8.php like this -> https://www.screencast.com/t/lQqVWBYvDv and the result is here -> https://www.screencast.com/t/P1KbqoAbwO
2)Yes, it’s possible if you will use such a custom CSS code for that. If you want to tune that section, you need to create your own custom CSS code, after using the Inspector Browser, according to our useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ As a hint, you can try using the code below and place it in Theme panel -> Custom CSS area.

.td-tags a {
color:red;
background:blue;
}

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

3)If you want to move that section at the top of the page, you should edit the above core file and move the code which I have pointed you above. All of these custom modification can be added to a child theme if you do not want to be overwritten for a next theme update. For more information about how you can use Child Theme please check our useful guide form here -> https://forum.tagdiv.com/the-child-theme-support-tutorial/

Hope this helps!

Thanks for your understanding!