Search Results for 'css'

Hello,

Please select the header date and set the margin right in CSS tab => https://www.screencast.com/t/osQxSaGMJlE or select the header login and set the margin left.

Hope this helps you!

Thank you!

Hello,

I just did a test with the code provided by my colleague Alex, and it works well
https://www.screencast.com/t/3UKr8YAGcsa -> https://www.screencast.com/t/uxXdh3Rq
This code change only the color on the button on the call to action.
Please check if the code is set correctly in the Theme Panel -> Custom Code -> Custom CSS.

Thank you!

Hello!

Add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS code:

.td-animals-pro .td-post-content img {
border-bottom: 5px solid red;
}

You can change the word red with any color you want.

Thank you!

Hello,

You can remove “all post” only with custom code CSS, but I checked your website and I saw that you managed to solve the problem, didn’t you?

Thank you!

Hello,

Please replace that code with this code
.td_module_mob_2 .td-module-thumb,
.td_module_mob_2 .td-module-thumb a:last-child {
height: 250px;
}
Set the code in Theme Panel -> Mobile Theme -> Custom Code -> Custom CSS => https://www.screencast.com/t/WfVOQkaGJwwm

Let me know about your results!

Thank you!

Hi @andxtagdiv!

You can disable sticky mobile menu when you access Website Manager, like this: https://www.screencast.com/t/EdpjIpsBHunx
The color you should be able to change it when you edit the mobile menu with TagDiv Composer how I showed you above and access CSS tab from the element’s settings, then you will find the color which is changed.

Thanks!

Hello!

Unfortunately, there is no setting or a custom CSS to disable the image lightbox from mobile theme.

Thank you for your understanding!

Hi,
What you can try is to use a custom css to force the color for mobile version, for this try this code
body .td-header-wrap {
background-color: #42A332!important;
}
Please set this code in theme panel> mobile theme > custom code> css.
Hope this will help you!
Let me know the results!

Hi,
For a custom post you can use a custom css to hide the featured image or use a post template, edit it for custom post type and remove the featured image.
Hope this will help!
Thank you!

Hi,

A could/PRO template can be easily edited with our TagDiv Composer plugin: https://forum.tagdiv.com/tagdiv-composer-tutorial/ ; For example, an element from your header has a row and a column and by selecting the element’s row or column you will have extra settings to can change the position in your header, color, size, etc. Also if you select the element and not the row of the element, you will have also another settings for editing the element from inside the block. All these are presented in our tutorial provided above. Everybody can adjust the elements with drag and drop how they need, sometimes you need to adjust also the sizes to can fit your element in place.
If you set -200px on the left column, your element will be moved 200px to the left direction. If you set +200px on the left column, the element will move 200px to the right: https://www.screencast.com/t/iwT3ochM
My suggestion is to play with margins. Margin will move the element entirely. Padding will only set a gap between: https://www.screencast.com/t/kLG8VTblvA; https://www.screencast.com/t/aL7eKZngwz
If you follow the steps which are presented in this tutorial here: https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/
Mobile – Displays content using the Mobile Theme on small screen devices (no AMP)
Mobile+Amp – Displays content using the Mobile Theme on both mobiles and AMP
AMP – Uses the responsive version of the theme on small screen devices and Mobile Theme only on AMP.
How to set the footer for Mobile Theme? If you access Newspaper -> Theme panel -> Mobile theme then you will find some setting which you can change in Mobile Theme version because The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/ ; So, in the end we can see that you can not change the Mobile Theme so much, you can upload a logo but you can not modify it to adjust in place with TagDiv Composer plugin how you can adjust in other cloud templates. If you want to create mobile pages, then you don’t need Mobile Theme installed and you need to assign the templates. Also, if you want a responsive version of your desktop into devices, then you need to deactivate Mobile Theme and the responsive version will display automatically.
Some words from your website for example: Follow us, search you can change it from Theme panel -> Translations, or when you edit the element with TagDiv Composer and there can be a setting with a field and you can change the title.
If you will don’t find a setting to change a color, then the last option is to insert a custom CSS in Theme panel -> Custom code which can change your design from your pages.
I hope it helps!
If I passed a question or an issue you didn’t solve yet, then please provide more details about it to understand what you need to edit exactly and help you efficiently.
If you can’t manage to deal with some settings or issues you can also contact us via email and provide wp-admin and Cpanel access so we can investigate the issue. Let us know and we will gladly assist you.

Thank you for your understanding!

Hello,

Please try this code, you can set which color you want => https://www.screencast.com/t/OgJJmQLE

.wpcf7-textarea
{
color: #000;
}
Delete the before code and set this code in Newspaper -> Theme panel -> Custom code -> Custom css.

Hope this helps you!

Thank you!

Hello!

You will need a custom CSS to take it off and I need to inspect your site in order to help you with a code.

Thank you!

Hello,

Normally you can set the padding on each element/row, in the CSS tab.
I think the header refers to the title of the page where you can set the padding top and bottom => https://www.screencast.com/t/Hn0CXm4a5ok

Hope this helps you!

Thank you!

Hello,

For the thickness of the line, you need to use a custom code CSS to display like this => https://www.screencast.com/t/OvjdGmRIVQep

body .td_block_template_8 .td-block-title > *:before
{
height: 1px;
}
You can change the height with you want.

Set this code in Newspaper -> Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf

Hope this helps you!

Thank you!

Hello,

Please try this custom code and check the results => https://www.screencast.com/t/wBCG41deR56O
.wpcf7-form label
{
color: red
}

Set this code in Newspaper -> Theme panel -> Custom code -> Custom css.

Hope this helps you!

Thank you!

Hello @slivertorp!

Add also this CSS code from here:

.tdb_loop .td-next-prev-wrap a, .tdb_loop_2 .td-next-prev-wrap a {
line-height: 50px !important;
min-width: 52px !important;
min-height: 50px !important;
font-size: 18px !important;
}


Please note that you need to set the border radius: 100 in the element’s settings.

Thank you!