Search Results for 'amp'

Hello,

If you want to increase the size of your Header Ad and Logo, you need to use such a custom CSS code. Below, I gave you an example of this case but only for Desktop. Notice that for the rest of the devices, it might be necessary to be adjusted.

.td-header-ad-wrap img{
margin-right: 0;
width: 500px!important;
}
.td-header-sp-rec{
width:500px;
}

.td-header-sp-logo{
width:400px;
}
.td-main-logo img{
width:400px;
}

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

Thanks for your understanding!

Hi,

The breadcrumbs will show one level of parent-child category, there is no setting to change that at the moment. The same would be for the cloud single templates.
I am now aware of any plans to make modifications to the breadcrumbs. Sorry for the inconvenience.

I mobile the last element of the breadcrumbs is not shown, I could give you a code to make it appear, enter it in Theme panel->Custom CSS
– https://www.screencast.com/t/sOFVXiLycS

@media (max-width: 767px) {
.single-post .td-bred-no-url-last{
display: inline;
}}

Regarding that hidden category, where exactly is it still showing? That option will remove it’s tag from the single post pages and category pages. I see you don’t show any category tags in post pages for example.

Thanks

Maybe try something like this example below
Default – https://www.screencast.com/t/CVHUJtJzyb
With a code – https://www.screencast.com/t/sqnKITtRqp

This is what I used, you can modify it if needed

.td-mega-menu .menu-item-object-page {
width: 218px!important;
text-align:right;
margin-top: -15px;
background-color: #fafafa;
border-right: 1px solid #eaeaea;
}
.td-mega-menu .menu-item-object-page a{
padding: 5px 22px!important;
}

So you want only one paragraph? wrap it in a container with a class for example
– https://www.screencast.com/t/8Lmrsct8fjF
– https://www.screencast.com/t/AJW4nnAoq
Or maybe with some inline CSS – https://www.screencast.com/t/YdyH6NiSllFK

Hi,

1. In the theme panel the thumbnail sizes are mentioned along which element uses them
– https://www.screencast.com/t/Bgp6wElkwXd2
It would depend on what elements like blocks/grids you are using. So for example big grids will require bigger original images to be set as featured images.
The thumbnails will also be affected by image aspect ratio
– https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
The same image will produce different results depending on module.

2. I see you use the Jetpack lazy load, try disabling that and check if the images are displayed properly
– https://jetpack.com/support/lazy-images/
The theme already applies a lazy load, so there might be a conflict there
– https://www.screencast.com/t/QjSh9cH1eb

4.The embed seems to adapt to the container it is in, it will take 100% of the available space. So the original image you used on Instagram of 460px would be stretched to fill the available space
– https://www.screencast.com/t/qNWXlhm8C
So in this case that embed would look best if it was forced to display as auto size and maybe centered
– https://www.screencast.com/t/vPobOmY3L

.td-post-content iframe.instagram-media {
width:auto!important;
margin: auto!important;
}

Thanks

Hi,

Maybe that is the website URL not an additional permalink parameter
– https://codex.wordpress.org/Changing_The_Site_URL
If the website name is for example blablabla.com/blog the permalink structure you choose will be added after this.

Hi,

Then it must be something specific to that page. That could happen if for example you entered content in it that is not part of the composer, or various codes or shortcodes maybe. Edit the page in the backend and remove the codes if there are any.

If you did not enter anything like that, we could take a look. Send us an email at contact@tagdiv.com and provide admin login so we can inspect the page in question.

Please include a link to this topic in the email.

Hi,

What is exactly happening? Could you post some screenshots as an example? The composer sidebar should not be affected by the actual page while editing
– https://www.screencast.com/t/WSQxyLUtkcj
Does it happen with a different browser? What browser are you using?

Hi,

What padding and block would that be exactly? Some more details or examples would be helpful. Maybe it is possible with some CSS.
Ad boxes can be placed in the page content in any location you want.

So the problem is with the post title. I have also made an example
Posts with various article title lengths – https://www.screencast.com/t/kALYh30dt
Of course the columns will not be equal if the titles have shorter/longer lengths.

You can now choose and excerpt type in the theme panel
– https://www.screencast.com/t/SeIpsdtfD
And set a limit for the title – https://www.screencast.com/t/DohscvnEL
That would limit the length for longer titles, directly affecting the height of the module.
Each module/block has excerpt setting, fine tune them according to your case.

That would be the only way of having equal height across all modules. A height limit does not exist per column or per module in our composer. They will be affected by the title and excerpt lengths, this will result in various heights.
By limiting them the columns will be equal. The limit can be set per module type and block in the composer, so each type of module in a block can have it’s own limit.

Hi,

That is actually an image, so there would be no setting to change it’s color. You could remove that and use a CSS border or shadow instead. This is an example with a shadow
– https://www.screencast.com/t/uZGHxcfqq
Code used in the example

.td-header-gradient:before {
display: none;
}
.td-header-gradient:after {
content:"";
position:absolute;
height: 12px;
width: 100%;
bottom:0;
-webkit-box-shadow: 0px 12px 5px 0px rgba(186,112,186,1);
-moz-box-shadow: 0px 12px 5px 0px rgba(186,112,186,1);
box-shadow: 0px 12px 5px 0px rgba(186,112,186,1);
}

Shadow generator here if you want to use it
– https://www.cssmatic.com/box-shadow