Search Results for 'css'

Hello Spyrosm,

Try to use the following quick fix and place the code in Theme panel->Custom CSS area. We will fix this issues as soon as possible in the following theme update which will be next week.

The code is ->

.td-stretch-height {
height: 100%; width: 100.03%; margin: 0; position: relative;
}

Thanks for your understanding!

Hi,

Please do not post sensitive login information here on the forum, this is a public topic for everyone to see. I have edited your post, and removed them. As a solution to your problem, please enter this code in Theme panel->Custom Css
– https://www.screencast.com/t/Zyu5OSOJ
It should make the image more responsive, and display better on mobile devices.

.td-pb-span12 .vc_single_image a {
background-size: contain;
background-repeat: no-repeat;
}

Thanks

Hello,

If you want to reduce the space between the last block and the footer you can use a negative margin in the css box you showed in the screenshot.
There is no option for the body background on pages. It can only be added through css.
Here is an example:
.page .td-container-wrap{
background-color:grey;
}

Thank you!
Bogdan B

Hi,

The author name can be disable in general for all the blocks and grids
– https://www.screencast.com/t/DzTB9fWAI
If you would like to hide it just for that specific big grid, you can use a code like this for example. It will remove the author name just for the grid in question
– https://www.screencast.com/t/7ocWvIT2
The code must be entered in Theme panel->Custom Css

.td_module_mx21 .td-post-author-name {
display: none;
}

Please note that them theme is fully responsive and there should be no problems for mobile devices. The theme package even includes the optional mobile theme plugin. More about the mobile theme here
– https://forum.tagdiv.com/the-mobile-theme/

Thanks

Hello ninjacyber,

You can make these changes only via custom CSS. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-post-category{
background-color:red!important
}

Thanks.

Hi,

If you mean those thumb icons on the side of the page, I don’t know where they are coming from. Maybe you have installed a plugin and that is placing them there. If that is the case, maybe you can configure the plugin settings to display them like you want.
For the social icons you can try this code to center them, they will look like this
– https://www.screencast.com/t/FzE3nRnYt
Enter the code in Theme panel->Custom Css

.td-social-style9 .td_social_type {
width: 33.3333%;
}

Thanks

Hello,
The paint background is an image, not a standard css color so as you can imagine, you have to change the image color in order to have a different color on your site. Please check your theme files here https://www.screencast.com/t/7OMekys8hFD
Thanks.

Hi,

Not all elements are designed the same. You can see here how the Big Grid Full 3 is supposed to display
– https://demo.tagdiv.com/newspaper/full-big-grid-3/
If you would like to reduce that space, you could try a code like this
– https://www.screencast.com/t/1fNA85aeFi
The code needs to be entered in Theme panel->Custom Css

@media (min-width: 1018px) {
.td_block_big_grid_fl_3.td-big-grids-fl.td-big-grids-margin
.td-big-grid-post {
border-width: 0 3px;
}}

Thanks

Hello Alek,

I have inspected your footer section of your website and I saw that you have some custom CSS which will overwrite the default theme code and that’s why you will not bring the theme accent hover for that section. -> https://www.screencast.com/t/Y5WDhMYK ->https://www.screencast.com/t/RgaRwaq8AE
Please try to revert the theme to the default state, remove all of the untested plugins if you are using something like this, clear all the caches and check the results.

Hope this helps!

Thanks.

Hello teknolojisk,

I have checked your list of code provided above and I saw that you are using a lot of Custom CSS, right? Sorry for this but please notice the adding of this code was your choice and that’s why it will appear in your source page. Please check all of this code and try to replace some code with an option from Theme panel (for example, in the theme panel you will see a turn-off/on post views/date/author) and the other code, you can insert it directly in style.css.

Thanks for your understanding!

Hello darian,

You can do this if you will use a bit of CSS code. Try the following code and place it in Theme panel->Custom CSS area.

The code is ->

a:hover{
color:red;
}

Thanks.