Search Results for 'css'

Hi,

If you use default post style for example, the article top ad appears just above it – https://www.screencast.com/t/TXp3l1FU
If you want to place a custom ad just bellow to a specific image from your post content, you will need to please the shortcode manually in html text editor – https://www.screencast.com/t/WfPSFImmB1t

[td_block_ad_box spot_id="custom_ad_1" tdc_css=""]

Thanks!

Hi,

You can try this custom css in Theme Panel > Custom Css:

.td-header-style-5 .sub-menu {
border-top: 3px solid #e29c04;
}

Thanks!

Hi,

You can use custom css in Theme Panel > Custom Css to hide it – https://www.screencast.com/t/7vqkmRWYGAA

.single .td-social-pinterest {
display: none;
}

Thanks!

Hello,

Unfortunately the separator does not have a font size option in the fonts section of the theme panel.
Try this css ion the theme panel-> custom css box:
.vc_separator h4{
font-size:19px;
}

Thank you!

Hello Azhar Nadeem,

1)At the moment, the header templates are a global option for blocks in homepage and only for Widgets, this option is individual. Most likely, in the future, this option will become individual and for the homepage.
2)Unfortunately, this type of block is not available for Widgets section. This option is available only for post page. You should use a simple block 7 setups by Latest Articles.
3)Unique Articles option has been designed to be used only for Homepage, according to our documentation here -> https://forum.tagdiv.com/unique-articles/
4)Please notice that option is available only in this demo. Each demo has own design and style and if you want to achieve the same functionality of it, you should install the demo or use a bit of Custom CSS to do it. It is just a simple TABs, an element of Visual Composer.

Thanks for your understanding!

Hello isd,

1)Unfortunately, the only possibility to change the style of your text with logo is to use some custom CSS rule.
2)If you do not load a logo for your mobile, you will bring this -> https://www.screencast.com/t/bYvOYpvdvC Your text logo will be there.

Thanks for the message!

Hello,

On posts the category tag will grab the color of the primary category color: https://forum.tagdiv.com/primary-category/ The category color is set on the category settings section: https://www.screencast.com/t/honYKDbwy1n
The tag background color is only added on the hover and is grabbed from the theme accent color. THey can be changed with css if you need to change the tag colors.

.td-post-small-box a{
background-color:red;
color:white;
}

The color of the post titles can only be changed with css also. It depends on the block where you want to change the color as not all blocks implement the title in the same way.

.td_module_wrap .td-module-title a{
color:Red;
}

You can add css codes in the theme panel-> custom css box.

Thank you!

Hello laurab,

With a bit of CSS code, you can hide this information. Try the code below and place it in Theme panel->Custom CSS Area.

The code is ->

.td_social_info{
display:none;
}

If you want to display this field you should remove that code.

Thanks for the message!

Hello,

The site field appears on the desktop version as well https://www.screencast.com/t/fLyMLDfYatIu
The website field can be hidden with this css code:
.td-form-url{
display:none;
}
You can add the code in the theme panel->custom css box
For the mobile theme you have to add the code separately in the mobile theme section of the theme panel.

Thank you!

Hello,

In order to do this you would have to use blocks that show the title on top of the image if you want consistency like so: https://www.screencast.com/t/3KXuHGe5ah This type of block can have this css code to make it look like the big grid:
.td_module_mx1 .entry-title a{
background-color: rgba(0, 114, 0, 0.7);
}
result: https://www.screencast.com/t/co0Q3iBlDLHC
But for blocks that do not have the post title over the image, the effect will not be the same.

Thank you!

Hi,

You can use the Advanced Css fields available in the theme panel – https://www.screencast.com/t/ltTmlleFr
There you could enter your custom code based on the different device selection. For example if you would like to change the block title font size on phones, you could do it like this
– https://www.screencast.com/t/SbPpRNqBH
You can identify the text or element you want to customize using the browser inspector
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Then you can create custom code and enter it in the theme panel, in order to make these modifications.

Thanks

Hello WakeUpCallProject,

I have inspected your website and I saw that you are using the Header Style 8 which has a central logo set it by default and then, with a CSS custom rule, you aligned it to the left. This thing happens due you have 2 rule over your logo. The default one which is written in style.css and the second one which is written in custom CSS box.
This behavior appears when you have additional customization through custom CSS code and also, I suppose that you are using the Speed Booster plugin. Please notice that the CSS are working in cascade and the first time will take the code from style.css that is set it by default and then the theme will take the custom code that you have changed from Theme panel and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly in this file your desired custom code. So, if your problem is still there, please try to revert the theme to the default settings, without any customizations and let us know how it goes. Also, you can try to make a new fresh install from scratch with the latest version of the theme and check the results. Also, please make sure every time you cleared caches. Noticed that the only files where you will have to edit are style.css.
If you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Hello,

You can easily hide the elements with css rather than removing them from the theme code. I will need a link to your site though so I can provide the proper css needed to remove these elements.

Thank you!

Hi,

I see that you have managed to change the post title font – https://www.screencast.com/t/Oa5ebwRfunk
If you are not using the mobile theme you can change the font using the theme settings, and they will display on mobile devices as well. Or you can use the theme advanced custom Css sections and create code based on the different screen sizes – https://www.screencast.com/t/NbtZvusjUSFi
For example if you want to change the post title on phones you could do it like this
– https://www.screencast.com/t/AarCDWczjB0
If you decide to use the mobile theme plugin, the code must be entered in the mobile theme custom code section
– https://www.screencast.com/t/RltTmnsFUx
Here is a guide to help you identify the elements on the page and their classes using the browser inspector, to help you create custom code and make minor customization that would not be available using the theme options at the moment
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks