Search Results for 'css'

Hi,

I don’t see a relation to the ads, that’s not the case I believe. Seems the featured image container is over the author name and link, and one cannot interact with them. A quick fix would be to use some CSS to create a margin
– http://prntscr.com/njy044
Then the problem should be fixed. If you want to give it a try, enter the code in the custom CSS section of the theme panel

.tdb_template_106606 .tdb_single_featured_image {
margin-bottom: -15px !important;
}

Let me know if the code doesn’t work, I will modify it or try something else.

Thanks

Hi,

On the reference website you mention the current page is also highlighted
– http://prntscr.com/njxd7n
The home menu item is not active when on home, because it leads to a different URL it seems – http://prntscr.com/njxdok and that URL is then redirected to the homepage
– http://prntscr.com/njxe6g
So it is not detected as the current menu item because of this.

For the other website I can give you code to make the current menu item not highlighted
– http://prntscr.com/njxfkv
Enter it in the Theme panel custom CSS section

.td-header-wrap .black-menu .sf-menu > .current-menu-item > a {
background-color: #222222;
}

Hi,

Usually in td_legacy_main.css is the style for theme, if you’ll remove that style, some of you layout design will not longer work correctly.

Thank you for your understanding!

Hi,

1. That is possible with some CSS. A code like this will center align the title for that smart list style – http://prntscr.com/njx38s

.td_smart_list_8 .td-number-and-title {
text-align: center;
}

It will align it regardless of using a sidebar or not.

2. A post can have only one featured image set. Such a result visually could be achieved if for example you use a cloud template and enter an image element in the post template, and position it over the featured image. Like in this quick example
– http://prntscr.com/njx65m
But that image will be the same for all posts that use that post template, it won’t be a different image unless more post template are created each with a different image.

Thanks

This CSS I used is based on the text with title element. If this solution is not the best, maybe you can construct this box with HTML and CSS, and use no composer elements.
I don’t have a guide for this, there should be some online. For example like this
– https://www.bforbloggers.com/content-boxes/

Hi,

This warning https://prnt.sc/njf963 appear when the page is open in back-end editor and saved the page -> https://www.screencast.com/t/gB5El0tWFC if you will click on save on TagDiv Composer and open the page again directly in Composer that warning should not appear.

To change that background image you need to edit the homepage with tagDiv Composer, click on image , and click on css -> https://www.screencast.com/t/FC5orqGa

Thank you!

Hi,

The easiest way would be with some CSS, like this – http://prntscr.com/njtnh3
This code can be entered in the Theme panel->Mobile theme->Custom CSS code section

.category .td-category-description {
display: none;
}

Thanks

Hi,

1. For Infinite Loading, please make sure that you do not have a plugin conflict, please deactivate all non theme plugins, also if you are using child theme or cache plugin, please deactivate them, clear all cache and try again.

How to use the Infinite Loading for Single Posts in Newspaper Theme -> https://tagdiv.com/infinite-loading-for-single-posts/

2. You can use a custom css for square and auto height on siblings
-> https://www.screencast.com/t/oOokQXAwPfWK
.td-category .tdb-sibling-cat-bg:before {
border-radius: 50px;
}
.tdb_category_sibling_categories.tdb-category-siblings-inline .tdb-category-siblings .td-category {
height: auto;
}

Let me know the results!
Thanks.

Hi,

It is possible to make customizations that will apply only to a specific page, but in the CSS code only. The code will still be loaded at all times.

So for example you can use the unique ID of a page that appears on the body as a class, to create a code that will work only for it – http://prntscr.com/njs90b
Or if you are in a post page, use the unique ID of the post – http://prntscr.com/njs9ad

If you have more questions let us know.
Thanks

Hi,

1)
You can try using the code below and place it in Theme panel -> Custom CSS area if you want to remvoe that boder.

.td-header-border:before{
background-color: black;
}

Check here -> https://www.screencast.com/t/e9haWVeD

2)You can use the background image if you want, set up from here -> https://www.screencast.com/t/sKyKwZZ2 or set up the color from here -> https://www.screencast.com/t/zbI2vAQSq

Thank you!

Hi,

I suppose that you are referring to the appearance of a flash/time loading when you enter on your website, right? This behavior appears when you have additional customization through custom CSS code. Please notice that the CSS is 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 the 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 to 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 install 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. Also, please update the theme to the latest version of it. Also, I see that you have some custom CSS code added through your Custom Code section -> https://www.screencast.com/t/NClovUBsw
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!

Thank you!

Hi,

Now the AMP links are with /?amp – http://prntscr.com/nji47y The old URLs should redirect automatically, when I try it on your website seems to work
– http://prntscr.com/nji5vk

The stylesheet will not be too long by default, plugins are usually causing it by inserting additional CSS. In order to see if this is the case, the only way is to temporarily deactivate all non-theme plugins except AMP, and test again. Most likely plugins are causing the issue.

Thanks

Hi,

In major cases, these errors happen due to your untested plugins. Please disable all of the untested plugins, clear all the caches, purge CDN files and check the results. Also, you can take a look over this topic from here -> https://forum.tagdiv.com/topic/fix-for-autoptimize-aggregate-css-files-breaking-amp/

Thank you!