Search Results for 'css'

Hi Lalit,
In your case the date can not be inline with the author because those are bigger then the allocate width and will go outside the screen. Also, since are two different elements you can not brake the date, but you can use a custom css, like this one:
.td-post-date .entry-date{
word-break: break-all;
}
header .td-module-meta-info .td-post-date{
display: inline;
}
This code need to be set in the theme panel > mobile theme> custom code> css.
Unfortunately, then mobile theme do not have any option to display the author image, to do this will more efficient to make a mobile page template -> https://prnt.sc/246r6f1 in this way you can display the author image and also you can adjust the design for author and date.
Thank you for your understanding!

Hi portakal, I think that the plugin that you are using had an extra css.
Please edit the homepage with tagDiv Composer and check the css stile from header -> https://i.imgur.com/jKBg0hS.jpg the css can be get from here -> https://pastebin.com/jbHbbQnP also for the post from the 3 columns check the css from here -> https://i.imgur.com/sy7gKDx.png the code can be get from here https://pastebin.com/jpJfnzkG
I hope this will help you!
Let us know the results!

Hi,
There is no need for extra css to edit the fonts for blockquotes, all you need to do is to edit with tagDiv Composer the Single post Template -> https://i.imgur.com/D0oWLkU.jpg click on post content and in style tab set the settings for fonts -> https://i.imgur.com/qsanOkM.jpg -> https://i.imgur.com/wHDMfJP.jpg
Thank you!

Hello @c386!

Apply this code in the theme panel -> mobile theme -> custom code -> custom css.

.author-box-wrap {display: none;}


Thank you!

Hello @mrfrog5!

Yes, the CSS code needs to be set in the theme panel -> mobile theme -> custom code -> custom css.

Thank you!

Hello @karlrosqvist!

Please select the image and set 200 width in the CSS tab. I’ve tested on my end and it should work. I just add a row 1/3 + 1/3 + 1/3, I’ve added 3 Single background image with 200 image width and apply the changes and they are aligned well.

Single background image can’t have alt because it is a background image, please use Single image element.

Fill this field from here: https://www.screencast.com/t/YIOWP0NG ; then select the photo and save it. The alt text should be there.

Thank you!

Hi,
Yes, using the mobile theme plugin, you’ll need to set per each page a content using the mobile editor, also you can disable the mobile theme individual per page.
The top bar is hidden for mobile, but if you want to have it, you can display that section using a css code.
For this you’ll need a custom css like this one
.td-top-menu-full {
display: block;
text-align: center;
}
You need to set this css in the theme panel > custom code> custom css.
Thank you!

Hello @MrFrog5!

Unfortunately, you can hide it only with some CSS: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you!

Hello!

I can see there is a 50% width on that flex block 3. So, please edit the homepage with the TagDiv Composer, click on the first text(Grøn omstilling) and delete the width. It could be in the Layout or CSS tab.

Thank you!

Hello,

I just verified your website and for me, the modal to login doesn’t appear.
Please provide more details.
Also, did you use a plugin to optimize CSS / js?

Thank you!

Hello @Lane18 !

1. For this you can use the flex block element with some filters which is suitable for your needs: https://forum.tagdiv.com/flex-block-settings-guide/ or posts loop element. Both of them have the pagination feature. If you have an example please provide the link, let me know about which demo you use or your website link in order to help you efficiently. A solution for sending a screenshot/video is this: Download, capture, send: https://www.techsmith.com/jing-tool.html. After making the screenshot, you will have a link, paste it here.
2. If you have a cloud/PRO template, but you can’t edit the footer, then edit your homepage with the TagDiv Composer, scroll till footer, click on footer zone and you can edit/delete the elements there.
Select the row from footer and in the CSS tab you’ll find the background: https://i.imgur.com/Yq06HV5.png
3. If you need random ads, then you can use auto ads and you should place the code in the Theme Panel -> Analytics/Js Codes. For reference, check this article: https://support.google.com/adsense/answer/9261805?hl=en&ref_topic=9261304
4.If you want to have the fullwidth row, then you can use the stretch row like this: https://www.screencast.com/t/bsbB5P97A

Hope that helps you!

Thank you!

Hello,

Please select the header logo and in the tab called CSS is set margin and padding, please remove it => https://i.imgur.com/qjerYxN.png
Also, please check the row if it has set the margin and padding.

Thank you!

Hi,
I just checked both websites, but right now there is no amp version https://i.imgur.com/ujdpjte.png but the ads are display correctly. As I can see in your screens, the problem was from some css.
Thank you!

Hello @magaze!

I’ve checked your website and I can see some CSS display none important which do not allow the ads to show.
Please check the code and the permissions from your google account. Delete your cache and try again.

Thank you!

Hi santabazz
What you can do is to add on the blocks that you want to apply the css some extra class -> https://i.imgur.com/8rwrLDj.png -> https://i.imgur.com/l8NfO3R.png -> https://i.imgur.com/AIfxp2O.jpg
I hope this will help you!