Search Results for 'css'

Hello rpharaniya,

If you want to use a bit of CSS code to change the AMP style page, please edit here -> https://www.screencast.com/t/vIUHFAbD6uRH There’s no option for custom CSS code for AMP version, sorry! You need to follow the above advice if you want to customize your AMP version.

Hope this helps!

Thanks for your understanding!

Hello alebasur,

Sorry but please notice that we cannot provide additional customizations, unfortunately! As my colleague Simion said you above, you should check the Inspector browser tool to create your own CSS code.

Thanks for your understanding!

Hi,

You can try using a custom CSS code to hide it ->

.td-video-play-ico{
display:none;
}

Thanks.

Hi,

That is unusual. I could give you a code to center it
– https://www.screencast.com/t/1Sey4oWslk

.td-header-style-10 .td-header-sp-recs {
text-align:center;
}

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

Thanks

Hi,

What exactly do you mean by entry record? Maybe it could be removed with CSS. I will try to give you a solution if possible.

Thanks

Hi,

You could stretch them with CSS. I believe adding those classes will load the theme CSS just as if you used the composer, how are you adding them exactly?

Also you can maybe identify the containers that the plugin uses, stretch them. Theme stretches rows like this to full width for example
– https://www.screencast.com/t/DmqeRaClGaYN

If you want these modifications per page, that would be possible only if you somehow use the unique page ID class before your code
Each page has an ID, example – https://www.screencast.com/t/yVEVtDJoe1

The header and footer elements can be stretched in the theme panel
– https://www.screencast.com/t/W2Tl0Tt4i

Hello kennysous,

Notice that by default, the More Article Box element is hidden on mobile devices. So, you should use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

@media(max-width:767px){
.td-more-articles-box{
display:none;
}
}

Thanks.

Hi,

Seems I missed that last question, sorry for that. You could add br tags inside the description, like this
– https://www.screencast.com/t/buwbrETgqyWs
That section does not have an actual text editor at the moment. Maybe also wrap that text in a div or span to style it as well. So HTML and some CSS would work there.
– https://www.screencast.com/t/vJCh50DUFU
– https://www.screencast.com/t/1mMcqCQJ48
Let us know if you have more questions.

Thanks

Hi,

No, those are predefined blocks. That block will always look like this
– https://demo.tagdiv.com/newspaper/block-24/
The 1 column look will be the mobile look. What you could do is to hide the block on mobile, and display block 15 instead if that is what you want.

The tagDiv composer allows blocks to be removed per viewport. Check the CSS tab of the block, while selecting your desired viewport
– https://www.screencast.com/t/PduFaZaQn43
– https://www.screencast.com/t/1UJ6WiPGcqXl
So for example hide block 24 on mobile, and block 15 for desktop and the other devices (to display it only on mobile).

Thanks

For what block does that happen? It is necessary that you provide this information. I cannot test all blocks and modules. If you discover that the code does not work for some blocks/modules mention which ones.
Since the category tags are not supposed to display like that, it may require additional codes.
You can inspect the element and try to create CSS codes, check here
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hi,

If you mean the article titles you could make that modification where the module title is defined
– https://www.screencast.com/t/UoTwOw8lYU
You would need additional code if you want that link to change dynamically, but if you place it there it would appear in the module (may need to create additional CSS also).

If you mean the block title, that file you mention would be the one (if that block uses block header template 11)
– https://www.screencast.com/t/bLmzd5LIb
– https://www.screencast.com/t/YLMGdqI4e
Wrap that in a link or what is needed.

Thanks

You simply have to copy it from here, then enter it in the Custom CSS section
– https://www.screencast.com/t/IRQ9MqsZDs
Once you save the settings, the code will be loaded and the top menu should be displayed on mobile.