Search Results for 'css'

Hi,

The links by default will inherit the theme accent color set in the theme panel
– https://www.screencast.com/t/o16OFEbIgOZa
Links in the post content can be set as you wish
– https://www.screencast.com/t/mvI1naBCLxA
A code like this will change all the links on your website, if that is what you want
– https://www.screencast.com/t/TS4tMl2M5vHu
Enter it in Theme panel->Custom CSS section

a {
color: yellow!important;
}

Thanks

Hi,

You could do that with CSS. The theme panel contains Advanced CSS sections that can be used in this case. Example for the header menu decreasing font size per device width
– https://www.screencast.com/t/5PxorZVd
The general font setting is not per device, it is general. This would be a solution that you could try. This is the code used in the example, use values as you wish

#td-header-menu .sf-menu > li > a {
font-size: 14px;
}

Thanks

Hello,

You can change the colors for the mobile header from the theme color sections: https://www.screencast.com/t/OnP0PzSp
The top bar was never meant to show up on mobile devices but it can be a activated with a css code if you want. You will have to provide a link to your site though so we can provide the proper code.

Thank you!

Hi,

Use the CSS solution then, although the code modifications should not provide 404 errors
– https://www.screencast.com/t/930d6WyZp

.td_block_related_posts .td-related-right {
display:none;
}

Thanks

That happens because the image is included in a link, the link occupies the whole space
– https://www.screencast.com/t/cyG4gKAzC2em
I could give you a code to make the link as wide as the actual image

.td-header-style-10 .td-logo-wrap-full a {
width: auto;
}

Enter it in Theme panel->Custom CSS code.

Hi,

Seems there is an opacity issue with the socials, I could give you a code to make them visible as a quick fix
– https://www.screencast.com/t/EDHzlZFsw

.td-post-sharing {
opacity: 1;
}

Enter it in Theme panel->Custom CSS section.

Hello,

You can try this code in your custom css box in the theme panel:

@media (max-width: 767px){
.td_block_image_box .td-image-box-span {
width: 50%!important;
float:left!important;
padding: 2px 25px!important;
}

Thank you!

Seems that color is overriding the default white color set for the author name in the grid
– https://www.screencast.com/t/G4ul7oSHvmaE
I couldn’t say exactly from where that color originates, it is not from the demo. Maybe you have this color set by custom code in the theme panel. I could give you a code to further override the color and make it white again
– https://www.screencast.com/t/MpsIsWMCQo8x

.td-module-meta-info .td-post-author-name a {
color: white;
}

Enter it in Theme panel->Custom CSS section.

Hello kev,

Unfortunately, the theme does not have any such an option. Notice that the theme has a default configuration for responsive but if you want to change it for your header menu items you should do it yourself through some custom CSS code.

Thanks for your understanding!

Hi,

You could try solutions found online and make tests, the theme does not have such an option at the moment. Check topics like these
– https://www.tutorialrepublic.com/faq/how-to-change-image-on-hover-with-css.php
– https://css-tricks.com/forums/topic/display-image-over-another-image/
– https://www.sitepoint.com/community/t/how-can-i-hover-image-on-top-of-another/29320/9
– http://jsfiddle.net/gd8ba/light/

Thanks

A color setting for the whole sidebar does not exist in the theme colors section. On pages you can set background colors for almost anything. On posts it will require some custom CSS if you want a background color for the sidebar.
I could try to give you a solution, if you could provide a link to your website and details about what exactly you want to change.

Hello kame,

Also, if you want to make align the module titles only for Flex Block you should use a bit of CSS code for this. Regarding on block title wrap, you should check the options from the theme because from there you can choose some Header Styles, like this -> https://www.screencast.com/t/v0iMcfAwX

The code is ->

.td_flex_block_1 .td-module-title{
text-align:center;
}

Thanks for your understanding!