Search Results for 'css'

Hi,

The title could be aligned to the left with a code like this
– https://www.screencast.com/t/mKj2cmtRxrg
I also added a small margin you can remove that if needed, or modify it. If you remove it the title will be like this
– https://www.screencast.com/t/X3nkqpWe6U

.td_block_template_14 .td-block-title > * {
float:left;
margin-left: 10px;
}

The code can be entered in Theme panel->Custom CSS section.

That text is the post excerpt. Some block modules show an excerpt, others do not. Here you can see how all the blocks look
– https://demo.tagdiv.com/newspaper/block-1/
Here you can see what modules each block contains
– https://forum.tagdiv.com/theme-blocks-modules/
If you want to use a block that displays an excerpts and remove it, enter the value of 1 in it’s excerpt settings
– https://forum.tagdiv.com/excerpts-introduction/

Thanks

Hi,

Using CSS that can be done, especially if you don’t use Adsense ads (with Adsense hiding ads should not be done).

So the code to remove the ad just for that post page
– https://www.screencast.com/t/tfKOwn1P

.postid-8422 .wppaszone.paszone-5819 {
display: none!important;
}

Thanks

Hello,

Yes, you can with a bit of css code. Here is an example code that will change all of the links inside the post content:

.td-post-content a{
color:Red;
font-weight:bold;
background-color: #d3d3d35e;
border-radius:5px;
}

Thank you!

Hello,

Please add this code in your theme panel-> custom css box and change the color in the code for the one you need:

.td_block_image_box.td-image-box-style-2 .entry-title a{
background-color: lightblue;
}

Thank you!

Hello,

You can do it with a bit of css. Here is an example:

.td_ajax_load_more{
font-size: 15px;
border: 2px solid #ff0000;
}
.td-load-more-wrap a{
color: #ff0000;
text-transform:uppercase;
}

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

Thank you!

Hi,

So the footer logo on mobile should be of the same size as the header logo, on mobile.
Try something like this – https://www.screencast.com/t/gsoz9vsmDZ
That should be entered in Theme panel->Advanced CSS in the phones section

.footer-logo-wrap img {
max-height: 100px;
}

Thanks

Hi,

So you want to remove just the icon? Content of an iframe will probably not be affected by CSS targeting so that will not work. Maybe you can modify the code or implementation you use for that section, or maybe there are more styles to choose from, also with no icons.

Thanks

Hi,

It seems the ad code has in it an image of 1px by 1px, this is detected by the theme which sets a 100% width for it. Then that small image (basically a small dot) is stretched to fill the sidebar space.
I don’t know why the ad code has such an image in it, however a code like this would fix the ad in the sidebar
– https://www.screencast.com/t/etXLHUBii
Enter it in Theme panel->Custom CSS code section

.td-a-rec-id-sidebar img {
width:auto;
}

Thanks

Hi,

Super cache will serve the cached version of the website to non-logged users, try installing it and check while not logged in. Admins or logged users will not be served with cached content. We have a guide for it, the interface of the plugin changed but most of the settings are the same
– https://forum.tagdiv.com/cache-plugin-install-and-configure/

Try to minify the CSS as well, minify it manually
– https://cssminifier.com/
Or try as suggested here in this topic
– https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/

I see only one error in the website, related to some plugin
– https://www.screencast.com/t/wEShUcm6qJrt
That might not cause slow loading speed however.

You should also consider using the latest version of theme theme when available, there are fixes and improvements with each update. Since 8.7.5 the theme is also GDPR compliant as well. This is an update guide
– https://forum.tagdiv.com/how-to-update-the-theme-2/

Hello,

If you want a larger image, you will first have to increase the thumb size here: https://www.screencast.com/t/9tfi2IlrTdD
Let’s assume we want a 256px image. I would then increase the max width to 256px by using css:

.author-box-wrap .avatar{
max-width:256px;
}

But now we also need to increase the margin for the text and social icons for them to position properly:

.author-box-wrap .desc{
margin-left: 270px;
}

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

Thank you!

That is an unusual problem, it seems to be related in someway with the top header ad. If removed the problem is gone. I could provide you with a code to fix it

#td-outer-wrap {
overflow: -webkit-paged-x;
}

Enter it in Theme panel->Advanced CSS in the phones section, check if it fixes the problem.

Hi,

The theme has a stylesheet for Woocommerce elements, which will be loaded in Woocommerce pages
– https://www.screencast.com/t/XemZ37jRUC
There are a few fonts set there. You could add more code in that stylesheet or in the custom CSS code section, also change the default fonts used if needed. There are a few settings in the theme panel as well
– https://www.screencast.com/t/RgmnSEiW0
Once you load a font in the theme panel you can apply it with CSS for woocommerce elements. It should be loaded for all locations.

Thanks

Hi,

1. If none of the 7 big grid styles are according to your requirements
– https://demo.tagdiv.com/newspaper/full-big-grid-3/
Then the only option would be to use CSS code. I could try to give you a solution if possible, mention how exactly you want the grid to align that meta.

2. Only big grids have that effect, blocks and other elements do not have such a design.

3. There are some issues with the font settings for full big grids, I can give you a temporary fix for the font size if you should consider using it
– https://www.screencast.com/t/qYWL1XNu

.td_block_big_grid_fl_3 .td-big-grid-post .entry-title {
font-size: 30px;
line-height: 38px;
}

It is happening also on Chrome, try entering this code in Theme panel->Custom CSS
– https://www.screencast.com/t/7Vl8p93abZz

@media (min-width: 1141px) {
.td_stretch_content .sf-menu .td-mega-menu ul {
width: calc(101% + 2px) !important;
}}

Thanks