Search Results for 'css'

1. Glad you solved the problem, I made some tests myself with anchors but could not reproduce the issue you mentioned.

2. I installed the nature demo, I left the default header style (multi-purpose 2)
– https://www.screencast.com/t/2M7WDslMK3a
Tried other header styles but I cannot reproduce the problem. We could take a look if you can send us an email at contact@tagdiv.com and provide admin login.

3. Fonts may not look the same on all browsers or OS. maybe try to use fonts that look similar across all browsers
– https://websitesetup.org/web-safe-fonts-html-css/

6. Change the font of the columns title in the composer. There is no specific setting for the column title font in the theme panel. Use any size you want and be sure to specify units (pixel or other)
– https://www.screencast.com/t/6NoUdPbOiC

It would have been useful if you could mention the website where the large button is present, so I can see how it is made. On the website you provided there is no such button.

However I tried something similar, like this
– https://www.screencast.com/t/cu0SOvvY

.td-post-sharing-bottom .td-social-facebook,
.td-post-sharing-visible {
display: block;
}
.td-social-facebook .td-social-but-icon{
width: 50%;
text-align: right;
}
.td-social-facebook .td-social-but-text{
width: 50%;
text-align:left;
}
.td-social-facebook i,
.td-social-facebook {
font-size: 20px;
}

You could modify the code if needed, then enter it in Theme panel->Custom CSS code section.

Hello itduck2020,

About what kind of Grey Space between section do you are referring? Please provide your website URL and some useful screenshots so I will be able to provide a more accurate response/code.

You should try using a custom CSS code if you want to change the color line.

.td-newsmag-voice .td-pb-span4 .td_block_template_1 .block-title span:after{
background-color:red;
}
.td-newsmag-voice .td-pb-span12 .td_block_template_1 .block-title span:after{
background-color:red;
}

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

Thanks for your understanding!

Hi,

The image captions will be displayed like this
– https://www.screencast.com/t/YFCBZT7b
You could use a bit of CSS to style them to appear in the left corner of the image. Experiment with a code like this, see if it works properly.
– https://www.screencast.com/t/f3vIGtcflu
I changed the color of the caption, but you can change it to a color you want (now it depends on the image, on some images it could not be so visible)

Enter it in Theme panel->Custom CSS

.wp-caption {
position: relative;
}
.wp-caption-text {
position: absolute;
right: 0;
top: 0;
color: #fff!important;
}

Thanks

Sorry for misunderstanding. The color of the text in the ajax menu when hovered/active will be the theme accent color. If you set a custom color for the block title background
– https://www.screencast.com/t/tfMt2Asa
Then the hover color will be that one, the active color will still be the theme accent color.
You could set a color with CSS if you don’t want to change the theme accent color. A code like this should work
– https://www.screencast.com/t/W9c6G9b1O

.td_block_wrap .td-subcat-item a.td-cur-simple-item {
color: yellow!important;
}

Glad you could solve the issues. That is why we created that guide and ask users to first check it. Most issues are solved by it.

The more author box date and date is connected to these setting
– https://www.screencast.com/t/5o6hlQsX1V3
Disabling the author name and date there will remove form all blocks and grids. If you only want them to be removed for the more article box try a code like this in Theme panel->Custom CSS

.td-content-more-articles-box .td-post-author-name,
.td-content-more-articles-box .td-post-date {
display: none;
}

Hi,

Thank you for your appreciation of the theme, there are many more new features to come in future updates.

So you want to remove the mobile menu icon and search icon. If that is the case, then this could be done with some CSS. Try a code like this
– https://www.screencast.com/t/WPADQpj9
This code can be entered in Theme panel->Custom code->Advanced CSS in the phones section

#td-top-mobile-toggle,
.header-search-wrap {
display: none!important;
}

If this is not what you wanted, some additional details would be helpful.

Thanks

Hi,

Maybe these guides would provide a more detailed explanation for possible causes
– https://www.sitepoint.com/media-queries-width-vs-device-width/
– http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml
– https://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile

Hello
It seems that the style.css is not getting loaded on your site.
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,

So maybe something like this – https://www.screencast.com/t/wAR6Llfw
This is the code used in the example, you can change the colors if you want, then enter it in Theme panel->Custom CSS section

.td_block_big_grid_fl_8.td-grid-style-4 .entry-title {
background-color: rgba(255,255,255, 0.7);
}
.td_block_big_grid_fl_8 .td-big-grid-post .entry-title a {
color: #111;
}

Thanks

Hi,

That could be done with CSS code. If you could provide the website where that sharing button is located, I will see how it is made.

The code will remove the excerpts, the other module elements will remain in their original position. If you also do not want a read more button, maybe you should consider using a different predefined block there, or experiment with the flex block.

With CSS you could use a code like this maybe, modify it if needed
– https://www.screencast.com/t/4CcfbFeM9F
Use for desktop only (Advanced CSS desktop section) on smaller devices it may not look properly. The read more button will be hidden automatically on smaller devices, by default.

.td_block_12 .td-read-more,
.td_block_22 .td-read-more{
display: none;
}
.td_block_12 .td-module-title {
position: relative;
top: 50px;
}