Search Results for 'css'

Hi,

On responsive version you can try this custom css
.page-nav a {
margin: 0 8px 8px 0;
padding: 12px 24px;
}
.page-nav a:last-child i:before, .page-nav a:first-child i:before {
font-size: 16px;
}
The code need to be set in theme panel>custom code> advance css > phones -> https://i.imgur.com/7Vt0sDy.png

Hope this will help you!

Hi,

If you want you can hide the first column on mobile, in this way it will be display the second one, for this you need to edit the page with tagDiv Composer, select the column that you want to wide on mobile -> https://i.imgur.com/bp24ole.jpg and set the mobile view port and in css tab chose the option for display -> https://i.imgur.com/0k2THBK.png
Also you can invert these columns only with custom work, if you want, you can check our custom services from here -> https://tagdiv.com/web-development-services/

Thank you!

Hello !

Your website seems to not load the css files, Please make sure that you have accomplished all the system requirements as in our documentation here: https://forum.tagdiv.com/requirements-for-newspaper/

Please make sure that you do not have a plugin conflict, please deactivate ALL plugins except tagDiv ones, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.

Thank you !

Hi,

That is a css extension from google chrome is use for test css on websites, the code need to be set in theme panel.

Yes, you can add as many code you want!

Thank you!

Hi,

Yes, the Big Grid Flex 3 have set some custom css that is apply on mobile version too, there are few ways to fix this, first you need to edit the page with tagDiv Composer -> https://tagdiv.com/tagdiv-composer-page-builder-basics/
1. you can replace the bloc and adjust it.
2. you can reset the block styles using the right click -> https://i.imgur.com/5IFC3y3.jpg
3. you can inspect in css tab, it can be set a width -> https://i.imgur.com/9oA9Jcp.jpg
After that check the mobile version -> https://i.imgur.com/25CbFxo.png
I personally recommend step 1 or 2.

Thank you!

Hi,

You are using the mobile theme plugin, this is a separate theme only for mobile devices, therefore the settings made with tagDiv Composer will not affect it. If you want to have the same layout on mobile devices, you can use the responsive version of theme and disable or use only for amp the mobile theme plugin.
Also our theme will set the featured image at the top of your posts, therefore you do not need to set that image in post content, or if you do not want to display the featured image you can remove it with a custom css.

Thank you!

Hi,

I think that you are referring to this -> https://i.imgur.com/KgIOYpH.png on this element is set a class from demo magazine that will overwrite the settings from theme panel -> https://i.imgur.com/AbTw4ak.png, there are two ways to change it, one, remove the class from demo to can apply the theme panel style -> https://i.imgur.com/pfavlVT.png or use a custom css -> https://i.imgur.com/LokZTCq.png
The code will apply only on footer
.td-newsmag-magazine .td-footer-container .block-title > span {
color: #111;
}

Hope this will help you!
Thank you!

Hello !

Please use this css: .td-crumb-container {
display:none;
}

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

Thank you !

Hi,

In order to have the scroll to top on mobile responsive version you’ll need to use a custom css like this one http://prntscr.com/opdgwr

.td-scroll-up-visible {
display: block;
}

The code need to be set in Them panel>Custom code>Custom css

Thank you!

Hi,

“I tried but same color applied on every category.” there the coder need to be clear, no color.
Indeed the background color will apply only on category page.

You can try this custom css for color on individual categories
-> https://www.screencast.com/t/hnPXiMEJcLS9

All you need to do is to change the category in code and the background color will apply on that category.

.td-module-image a[href$="/news/"],
.td-meta-info-container a[href$="/news/"]
{
background-color: green;
}
.td-module-image a[href$="/nxt/"],
.td-meta-info-container a[href$="/nxt/"]
{
background-color: blue;
}
.td-module-image a[href$="/wweresults/"],
.td-meta-info-container a[href$="/wweresults/"]
{
background-color: red;
}

Set the custom css in Newspaper>Theme panel>Custom code>Custom css
Thank you for your understanding!

Hi,

For this you can use a custom css like this one -> https://i.imgur.com/WSdBUPk.jpg
.td-scroll-up {
bottom: 36px;
}
The bottom px can be adjusted after you needs, also the code need to be set in theme panel> custom code> custom css.

Hope this will help you!
Thank you!

Hello !

You have to create 4 menus in wordpress, if there is only one menu that will be rendered everywhere: https://www.screencast.com/t/wH8BQg4UMN ; https://www.screencast.com/t/Eczt6J6h0

As for the padding, follow our tutorial here to learn more about the CSS possibility to edit an element in tagDiv Composer: https://www.youtube.com/watch?v=fa7GenCHcBU

Thank you !