Search Results for 'css'

Hi,

Most custom codes used and even theme panel settings will apply over the default colors. For example if an element is black and then you make it blue, the first color to load is still black, then blue is loaded. That would be how CSS works, in cascade.

This effect may be noticeable for a small or larger period of time, directly affected by the website loading speed. If the website takes longer to load the effect may be noticeable. Most elements in the theme have a default or initial color value, this will be replaced by colors you set.
Where exactly are you seeing this effect?

Hello,

There is no need to duplicate the flex block from the theme code. you can add as many instances to the flex block as needed on the same page. There is no limit on how many flex blocks you can add.
If you use a custom class for the blocks you need altered, you can use the class just on those blocks and you will not affect any others. Say you have 3 flex blocks on a page and you want just 1 or 2 altered, you simply place the class in the extra class field and the blocks will receive the css.
Example:
Let’s say we call the custom class ‘flex-custom’
You would add this code in your theme panel-> custom css:

.flex_custom .td-module-container{
border: 1px solid lightgrey;
box-shadow: 1px 0 20px #949292;
border-radius: .25rem;
}

Then simply add the extra class to the flex block you want to have the custom style:
https://www.screencast.com/t/BHgS1Qlh

Any other block that will not have this class will not get the style.

Thanks.

Hello,

The standard background of the header on the site in question is yellow and then there is a custom css element added as a :before pseudo-element with a custom css shape added.
There are many css shape generators online: https://css-tricks.com/examples/ShapesOfCSS/

Thank you!

Hello lifemathmoney,

Notice that our theme uses a lot of Headers Style and you can choose one of them from here -> https://forum.tagdiv.com/newsmag-header-styles/ We do not recommend to edit the logo or header style because you can easily break the theme layout.
If you want to remove that border-top from your header menu you should use a bit of CSS code for that. Try the code below and place it in Theme panel -> Custom CSS Area.

The code is ->

.td-header-border:before{
display:none!important;
}

The result is here -> https://www.screencast.com/t/BZWIr7ZPIwA

For your latest request, provide some useful screenshots with your desired changes so I will be able to provide a more accurate response/code.

Thanks for your understanding!

Hello,

You can add this custom css in your theme panel->custom code section:

.sf-menu{
margin-left:0;
}

Thank you!

Hello,

The logo is there but seems to get hidden with a css as it appears for a brief second.
Please check your custom css or plugins.

This could be a plugin conflict so please disable all plugins except the page builder, clear cache and reset cdn files if you use it. Please also check any custom code you might have added to the theme panel or the theme files. If you use a child theme, please switch to the main theme to make sure it does not affect the proper functionality of the theme.

Thank you!

Hi,

First, to customize the font properties of the tags you can use the theme panel, as a general setting
– https://www.screencast.com/t/8HXcSUCTo
Or in the tagDiv composer per block and per module even, example
– https://www.screencast.com/t/BIbCqHb0

For the styling some CSS could be used, maybe something like this
– http://prntscr.com/k1vxan

.td-post-category {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #561FD4;
}

Per actual category would be somewhat more difficult with CSS, this code will apply to all the category tags. It could be made more precise, similar topic here
– https://forum.tagdiv.com/topic/category-label-appearance-on-block-1/

Let me know if you need help.

Thanks

Hi,

That is an Adsense ad, so an easy CSS option is not to be used. The theme panel ads once entered will be displayed on the whole website. Currently there is no option to disable the ads on preferred pages.

Theme users who require more advanced ad settings recommend the Adrotate plugin. Based on user feedback this plugin works with the theme, some infor about it here
– http://www.wpbeginner.com/plugins/how-to-manage-ads-in-wordpress-with-adrotate-plugin/
– https://ajdg.solutions/manuals/adrotate-manuals/

Thanks

I see you stretched it, it could be centered now like this
– https://www.screencast.com/t/GMMxoFgZLhz
– https://www.screencast.com/t/iwV298SMG

@media (min-width: 768px) {
.td_stretch_content .td-container {
text-align: center;
}}
@media (min-width: 768px) {
.td-affix #td-header-menu {
display: inline-block;
}}

But the same will happen on smaller devices. That code can be entered in the normal custom CSS, not advanced if it is of any use to you.

Hello Oğulcan Özügenç,

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

@media (max-width: 767px){
.td-top-menu-full {
display: block !important;
}
}

The result is here -> https://www.screencast.com/t/TApcDA7RBp

Thanks for the message!

Hi,

You can see the demo homepage content in the theme files, all the homepages can be seen. For the smart app demo here
– https://www.screencast.com/t/g6t26P85P6T
That is the content of that demo homepage. Place it in a page and edit it with the composer
– https://www.screencast.com/t/VBsWA58H
Then you can see what each element is and how the layout is achieved
– https://www.screencast.com/t/Oj6E6lqbYy
Be sure to check the CSS tab for the rows and elements, to replicate the design
– https://www.screencast.com/t/V0ybNlx4jj

Thanks

Hi,

For the dropcaps please check this topic, there are some suggestions there
– https://forum.tagdiv.com/topic/change-list-number-color/

Quotes can also be colored as you make them
– https://www.screencast.com/t/y4sB7txT0mIJ
Or all at once with a code, like this for example should work
– https://www.screencast.com/t/Q4BVx2dNXhv

.td-post-content blockquote p {
color: yellow;
}

Custom CSS code can be entered in the theme panel, more abut it here
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

The theme offers a total of 5 stars for the reviews. There are three review options, stars, percentages and points. A preview of all in these posts
– https://demo.tagdiv.com/newspaper/td-post-why-tech-accelerators-may-soon-be-as-irrelevant-as-an-mba/
– https://demo.tagdiv.com/newspaper/td-post-htc-nexus-8-with-64-bit-processor-4gb-of-ram-and-8mp-camera-leaks/
– https://demo.tagdiv.com/newspaper/td-post-intel-claims-new-ssd-750-drives-are-its-fastest-ever-for-desktop/

Let me know if you have more questions, I will try to help you.
Thanks

Hello Alexandr Andriitsev,

You should use a bit of CSS code for mobile mode if you want to change that color. Try to use the Inspector Browser to create your own CSS code. Check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ Also, you can provide your website URL so I can provide a more accurate code.

Thanks for the message!

If it’s not there then the version you are using does not have the option. Remove the search by hiding it with CSS or in the code. With CSS it would depend on the theme version you are using, the code has changed over updates. A similar topic here
– https://forum.tagdiv.com/topic/hiding-search-icon-from-top-menu/

You could do that with CSS. With a code like this for example to start off

.td_single_image_bg {
transition: all 0.4s ease-in-out;
}
.td_single_image_bg:hover {
background-image: url("")!important;
opacity: 1;
transition: all 0.4s ease-in-out;
}

This code will affect all single images, you can make it more precise by setting custom classes for the single image elements
– https://www.screencast.com/t/VfcYlbwsci

Or use the column content which does this by default, this would be easier.