Search Results for 'css'

Hello,

The block title can be changed via such a custom CSS code. Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-module-title a{
color:red!important;
}

It’s just an example.

Thanks.

Hi,

A background color/image can be set for the whole website
– https://forum.tagdiv.com/background-introduction/
In the composer only rows and elements can have background, check the CSS tab
– https://www.screencast.com/t/g35OvlbtOoQ
The background image can be changed as you wish in the Theme panel->Background section. Maybe clear the cache as well after setting the new image. Let us know if you still have a problem.

Thanks

Hi,

Row background color or image can be set in the row CSS settings
– https://www.screencast.com/t/g35OvlbtOoQ
Columns also support backgrounds. Backgrounds can also be set for most elements inside the row, check the CSS tab for each element.

Hello Erythros,

Unfortunately, I do not exactly understand what kind of changes you want to do. All the custom CSS code should have to be added to Custom Code for your desired changes. Also, if you want to make some massive changes you should use the Child Theme, according to our documentation from here -> https://forum.tagdiv.com/the-child-theme-support-tutorial/

Thanks for your understanding!

Hi,

That would only be possible with custom CSS code, by default the theme does not have a general setting for this. That is how these demos were created for example
– https://demo.tagdiv.com/newspaper_black/
– https://demo.tagdiv.com/newspaper_old_fashioned/
– https://demo.tagdiv.com/newspaper_retro/
On pages you can set background as you wish for most elements, using the tagDiv composer. But on posts this could only be done with CSS code. If you could provide some details about what exactly you want to color, what sections should be affected and how, I will try to give you a solution.

Thanks

Hi,

For me that page loads almost instantly, no flashing appears whatsoever. That flashing is caused by the way CSS works in cascade and will be noticeable in combination with a slow loading speed.
But that would not be the case here from what I can see. The website is fast.

If you could mention what exactly you want to change in that page and how, I will give you a solution.

Thanks

Hello Solstyce,

Please notice that our theme does not have any such an option that allows you to disable this back to the top section, sorry! You can use such a custom CSS code to hide it or if you want to remove that functionality you should edit the js code of the theme and search by td-scroll-up class.

Thanks for your understanding!

Hi,

Once activated the sticky menu will be displayed on all devices, that is why it is called always sticky. You could try a code like this is the Theme panel->Advanced CSS in the phones section

.td-header-menu-wrap.td-affix {
position: static!important;
}

It should prevent the sticky menu from working on phones.

Thanks

Hi,

1. Block 23 (module 18) will display a predefined thumbnail size as all blocks do
– https://www.screencast.com/t/lh9L5tBef
An exception would be the flex block in which you can select from 3 sizes at the moment. You could choose a different block which uses a smaller thumbnail size if needed.

2. That can be done in general in the theme panel, for the module you choose
– https://www.screencast.com/t/4DM4y0kGr6
Or by each block individually in the composer
– https://www.screencast.com/t/X4AIKKR3JDST

3. That can be done in the theme panel
– https://www.screencast.com/t/Kcx7r44bNX

4. That can be done in general – https://www.screencast.com/t/dlyjHuQC
Or by block module – https://www.screencast.com/t/GTuSpDkKtld

5. The Read more cannot be removed, it is a feature of that block module. You could either remove it from the code, for the module the block uses
– https://www.screencast.com/t/VxN6i0LKz
Or use CSS code in Theme panel->Custom CSS section

.td_block_23 .td_module_18 .td-read-more {
display: none;
}

Thanks

Hello willysawa,

All the time’s settings can be made from General WordPress section from here -> https://codex.wordpress.org/Formatting_Date_and_Time Check this useful guide if you need more settings. Also, if you want to make the time Bold and red color you should use such a custom CSS code.

Thanks for your understanding!

Indeed, that seems to be how the demo is created as well. That may be how the demo was designed. It will not be difficult to make the columns visible. Click on the column first
– https://www.screencast.com/t/w1oWJZDF
Then switch to mobile – https://www.screencast.com/t/927JJzCaN
Scroll down the settings in the CSS tab and change the column from hidden to show
– https://www.screencast.com/t/Xkq9vcIuLw
Do this for both the hidden columns and they will be visible on mobile, be sure to save the page. Sorry for the misunderstanding.

Hello win2158,

Check the theme panel options from here -> https://www.screencast.com/t/TAvTyCCN2VVs If you want to have more options you should customize it yourself using such a custom CSS code. A more useful guide for you can be this one -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

From what I can tell there is a code that overrides the color set in the theme panel
– https://www.screencast.com/t/hZJfJ2wly
If you used custom code such as that one in the theme panel custom CSS section, remove it and the color set through the settings will be displayed.

Thanks

Hello Roman,

All the custom code should have to be added to the Custom CSS box from here -> https://www.screencast.com/t/A6jWAzEyPYe

Thanks for your understanding!

Hello brenbrinkman,

I did not saw any pagination to your homepage, as you can see here -> https://www.screencast.com/t/rSIDHwsyckVV The pagination can be centered using such a custom CSS code. Regarding on images, it seems to work as expected after you have regenerated them. Where is the problem?

Thanks for your understanding!

Hello benti,

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

The code is ->

.td-header-menu-wrap-full{
height:40px!important;
}

Thanks.

Hello blukid,

First of all, you should check the useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ which teach you how it is possible to create your custom own CSS code.

Thanks for your understanding!

Hello gabriel79,

It seems to be correct but please notice that I cannot check it more deeply because it is an additional customization. Add the code to your Custom CSS area and check the results. For more information about how you can create your own custom CSS code, please check the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!