Search Results for 'css'

Hi,

You could create CSS code to customize the button as you wish, using the browser inspector
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
For example the button size could be increased, the border color changed, the font size increased like this
– https://www.screencast.com/t/m3bBbcGxL
You can modify the code as you wish, then enter it in Theme panel->Custom CSS

.td_ajax_load_more {
padding: 16px 20px;
border: 1px solid #000;
font-size: 15px;
}

It will affect all load more buttons, it can be made specific to a block if needed. Or create different styles per block.

Thanks

Hi,

The category tags can be disabled by modules
– https://forum.tagdiv.com/category-tag-on-modulesblocks/
That is a general setting, it will affect all the modules wherever they are, not just the category pages.
You could use CSS to hide the category tags only in category pages, such as this code

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

Thanks

That class you mention is used in some header templates, it is set for the div containing the logo you set in the theme panel, like header style 1 for example
– https://www.screencast.com/t/HlChP6QZ7B
Corresponding CSS for it is in the theme stylesheet
– https://www.screencast.com/t/86x1PnEDG

Yes, you can add it in vc page settings as well in the css part.

Here is the code:

.page-id-17508 .td-main-content{
background-color:lightgreen;
padding-top:15px;
}

Thanks.

Hello,

You can use a gallery to show images as you mention. Please use this guide:
https://forum.tagdiv.com/gallery-2/
As for the sign in, you can disable it from the theme panel header section
The author avatar placeholder does not have any setting to disable the placeholder. If The avatar can only be removed completely using a css code. But that will disable the avatar completely, not just the placeholder. As an alternative, you can use gravatar https://codex.wordpress.org/How_to_Use_Gravatars_in_WordPress
or this plugin: https://wordpress.org/plugins/wp-user-avatar/ to replace the placeholders.

Thank you!

Hi,

The functionality is simple, click on the hamburger menu icon and the menu will be displayed. When the mobile plugin is active you can use a different menu (menu items).
This cannot be changed, this is how the theme was created and designed to display on mobile.

The top menu is not displayed on mobile. It could be made to appear with CSS code if absolutely required, but only when the mobile theme plugin is not active. If that is the case, please provide a link to your website and I will try to give you a solution.

Thanks

Block header template 6 was used because it would be easier to customize it like this. You can use a code like this to set a background image of your choosing for it
– https://www.screencast.com/t/hb383i2M
This is the code, use the image you wish in it then enter it in Theme panel->Custom CSS

.td_block_template_6 .td-block-title {
text-align: center;
background: url("https://demo.tagdiv.com/newspaper_craft_ideas/wp-content/uploads/2017/03/header-bg.png");
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center center;
}
.td_block_template_6 .td-block-title:before {
display: none;
}

Hi,

Try a code like this in Theme panel->Custom CSS section

.home .td_block_wrap {
margin-bottom: 0;
}

Most blocks and in this case the hero element have a margin bottom set by default, this code will remove that margin for the hero element in the homepage
– https://www.screencast.com/t/z1kwBeBH

Thank you!

Hello,

In most cases this happens because of CDN settings or css optimization. Please try to temporary disable the cdn and all optimization. Then test again.

Thank you

Hi,

That is a section of the theme panel, the theme has custom code fields where you can enter code safely and it will be saved in the database. It will not be lost after a theme update
– https://www.screencast.com/t/3kp42qxhUqKZ
So if you are looking for the Advanced CSS section it is in the theme panel.

Hi,

Maybe you entered the code in the custom HTML section of the theme panel
– https://www.screencast.com/t/LXDgjqSpRS
Please check that section and remove the code or move it in the Custom CSS section if you use it.

Thanks

The issue was related to the news ticker only, there were no issues with space between blocks. I believe an extra paragraph appeared in the news ticker, but it was fixed quickly. So now placing a news ticker in a page will work properly.

7. The theme width is fixed, it is not recommended to change it and there is no general width setting. The post content width is fixed as well, it will be 696px with a sidebar
– https://demo.tagdiv.com/newspaper/wordpress-news-magazine-charts-the-most-fashionable-new-york-couples-in-2016/
And the full theme width with no sidebar
– https://demo.tagdiv.com/newspaper/td-post-five-things-you-may-have-missed-over-the-weekend-from-the-world-of-business/

8. That is possible, there is a margin and padding set for that module
– https://www.screencast.com/t/ZgYl8y9cUl
Those could be reduced with a code like this
– https://www.screencast.com/t/GBq3Ndmwm
Or use the values you want in the code, then enter it in Theme panel->Custom CSs

.home .td_module_12 {
padding-bottom: 10px;
margin-bottom: 20px;
}

9. The excerpt text will either be picked automatically, or you can set one manually
– https://forum.tagdiv.com/excerpts-introduction/
You can only change the module used for the posts on the whole blog page, not by post. In a static homepage or page you can use any type of block and there are more possibilities
– https://forum.tagdiv.com/homepage-how-to-build-and-set-it/

10. Where exactly is this indentation, I cannot find it. I have browser the website but I don’t know what to look for exactly.

Thanks

You will have to use the css as mentioned in the guide. And have font awesome 4 menus installed so the icon can be provided by the plugin. You will need to find the css codes for the specific network icon if they are present in the fontawesome icons: https://fontawesome.com/v4.7.0/icons/

Thank you!

Hello,

Is this what you are after? https://www.screencast.com/t/Jy2UhqgaDADg
If yes, try to add this code on the page css in the tagdiv composer:

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

Thanks

Make the change in this file (demo_style.css) no need to do in other files. So changing the color here for example will affect the module titles
– https://www.screencast.com/t/0q5Gn2ZU3OO
Or you can remove that code
– https://www.screencast.com/t/X6vGjT08pJuy
Then the situations mentioned above will apply, either theme accent color or block individual settings.

Unfortunately there is no such list at the moment, we will try to add more documentation in the future for this and other elements. Basically part of the settings from the Layout, Style and CSS tabs can be customized by viewport.

Only the flex block has a setting for the category tag color, other block do not have such an option at the moment. It could be added later. The category tags in all the other blocks is a default color
– https://www.screencast.com/t/aI6Tx9uNhK
While the hover color will be the theme accent color or block title text color if set. You could only chnage the color of them with CSS if needed
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/