I had to add this Css:
.td-pulldown-filter-list, .td-pulldown-filter-list ul
{
min-width:18em;
}
Hi Anamaria,
Like all other pages on the website, I edited the checkout page along with its header using tagDiv Composer. I love tagDiv Composer! Yes, I took note of all viewing sizes when editing them.
Yes, I did edit them with Viewport for Phone in mind. All viewing sizes in fact. That said, no other pages on the website are having this issue. Except for that checkout page. And that baffles me.
No custom code CSS was added. I don’t know how to write and edit a line of CSS.
Also, I’ve already checked with my hosting provider, Cloudways. The support Team at Cloudways said it wasn’t a cache issue as well.
Writing here and asking for help is a last resort. I’ve been trying to solve this issue myself for days. To no avail. Looking forward to your help.
Best,
Adi
Hello,
Please let me know if you edit the checkout page with tagDiv Composer and select the viewport for phone, and check if the header is changing.
Also, did you add some custom code css for cart?
Thank you!
Hello,
If you are using the Gutenberg editor, then there will be no sidebar in the editor, this will look like this -> https://i.imgur.com/F6PUBhU.png
If you are using some classic editor plugin, then the sidebar can be removed only from the files, for this, you need to go in -> wp-content/themes/Newspaper/editor-style.css and comment these lines of CSS -> https://imgur.com/EpWJhGZ
Hope this will help you!
Thank you!
Hello,
It seems there is a custom code css -> https://i.imgur.com/s4d7XO2.png; please check the live css section, custom code -> custom css from the theme panel https://i.imgur.com/Qz4DS1j.png. Maybe there is that code.
Thank you!
Hello,
This social sharing icon appears only on the mobile version. If you want it to be displayed on the desktop version, you need to use a custom CSS => https://www.screencast.com/t/slYFHBpS8tr
.td-social-line{
display: inline-block;
}
.td-social-viber{
display: inline-block;
}
The code needs to be set in Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf
Thank you!
Hi hbgktrk,
Unfortunately, Newsmag has only the theme panel settings and the post content background is not one of them, there is only a general option for general background.
What it can be done is to use a custom css:
.single .td-container {
background-color: #e6d6e6;
}
This code will apply only to post content.
or
.single{
background-color: #e6d6e6;
}
Will be applied on background
or
.single, .single .td-container {
background-color: #e6d6e6;
}
Will be for entire background of post
The css needs to be set in the theme panel > custom code> custom css.
Thank you!
Hello,
I have the same problem, followed the above advice but had no success. When I try the solutions via live CSS, it works with both solutions (amp-ad[sticky=top] and also .i-amphtml-element), but neither adding one of these into the mobile CSS or via style into the main header code fixes it on AMP. Is there any other way to accomplish this?
Thanks a lot!
eC
In tagdiv composer, click on the column on where you want the border. Then click on the CSS tab on the left. There you can set border, border width and border color.
CSS Trick:
Theme panel->Custom code->Advanced CSS->(PHONES)
body {
background-image: none !important;
}
I saved 0.3s – PSI.
Hello, I’m looking to apply the following option to a “flex block”: open all links in a new tab.
I can’t find the option available in the block itself…
How can I make the links of my articles to open in a new tab? I’ve seen that it’s possible to assign a CSS class, maybe there is a solution there Can you give me a hint on the name of the block itself to apply this special class that force to open articles in a new tab?
“When I add the following CSS code on my website :
.new-tab a {
target: _blank;
}
and apply the extra class “new-tab” to the flex bloc, it doesn’t work…
Do you have any solution to solve this issue please?
Hi, I have disabled everything that could interfere as suggested, so I disabled the combine CSS and JS function and also disabled the minify CSS and JS, I cleared the cache both on site and on Cloudflare, I also reloaded the header but the problem continues to persist, I can’t live access the menu and search as you can check yourself, so what’s the problem now that it won’t let me use a theme function? Thank you.
This is the link to the site https://prezzicrazy.it/
thanks Calin, the main image problem has been solved.
I have manually inserted the ad codes, so will see how it pans out.
This point “The problem with the featured image I believe appears only when you are not logged in and the cache is applied, if so, then it can be related to some css or js that is minified.
If is them same when you are logged in, what I can suggest is to replace the featured BG image with the featured image, indeed that effect that you have right no will no longer exist, but this problem with unclear images should be resolved.”
This I did not understand, just for clarity, i want to say it is only seen in the second article below any articles when using the infinite scrolling option.
Regards
Dp
Hi dennispillai,
1. If you are using auto ads, then you need to set the code only once in the theme panel and this will display the ads randomly on the website, which is considering the AdSense algorithm. Also, if the post/article is sorted is possible that no ads to be displayed.
My recommendation, in this case, is to use standard ads (basic ads/standalone ads) – https://developers.google.com/adsense/host/adunits
2. I believe you are referring that the image is blurred – https://i.imgur.com/RyQOTXf.jpg this is because the image is not set in full size when was set – https://i.imgur.com/VWb7lSV.jpg
The problem with the featured image I believe appears only when you are not logged in and the cache is applied, if so, then it can be related to some css or js that is minified.
If is them same when you are logged in, what I can suggest is to replace the featured BG image with the featured image, indeed that effect that you have right no will no longer exist, but this problem with unclear images should be resolved.
Thank you!
Hello,
Depends what setting you have on the Single Post Template, you can import a template that has the text-justify -> https://i.imgur.com/2fXPztQ.png or you can use a custom code css.
Thank you!
Hello,
The color from the background is the accent color from Theme Panel -> Them colors -> General.
To change the background color for hover https://i.imgur.com/VwUr0KB.png please use this custom code css
.page-nav a:hover
{
background-color: #aae23a;
}
Set the code in theme panel -> custom code -> custom css.
Thank you!
I am using Page Break to break my long wordpress post into multiple sections, which creates the small square boxes with 1, 2, 3, 4, etc. at the bottom of the current page so users can navigate to the “next section”.
The 1, 2, 3, 4 are easily overlooked, and I would like to highlight this or make this stand out more somehow (changing the background color? Changing the highlight color of the current section?
Where can if find the settings or CSS to change those?
I re-inserted the CSS and pls see results on our server:
Here in a posting the regular image caption is now white (on white background though it´s invisible now):
https://www.hasepost.de/ueberraschung-leysieffer-zieht-ab-juli-zurueck-ins-ehemalige-stammhaus-351089/
And here is the gallery still available (you have to push the “Weiterlesen” button to “read more”) to come to the end of the article:
https://www.hasepost.de/ueberraschung-leysieffer-zieht-ab-juli-zurueck-ins-ehemalige-stammhaus-351089/
The gallery caption is (and was before) white – when you switch to the mobile page it´s still dark grey on black background – no change after inserting the CSS snipplet.
Hello,
This keeps happening, the home page is breaking each time I update… and this time, I cannot fix it.
The URL is: https://wrp.org.uk/
The code is just:
[vc_row][vc_column][vc_column_text][tdc_zone type="tdc_content"][/vc_column_text][/vc_column][/vc_row][vc_row el_class="unique-posts" css=".vc_custom_1612263135539{margin-top: 2rem !important;}"][vc_column width="2/3"][td_block_12 custom_title="News" custom_url="/news/" category_id="158" limit="1" offset="0" el_class="news lead"][td_block_2 category_id="1" limit="2" offset="1" el_class="news"][/vc_column][vc_column width="1/3"][td_block_9 custom_title="Editorials" custom_url="/editorials/" category_id="2" el_class="editorials"][/vc_column][/vc_row][vc_row el_class="td-ss-row"][vc_column width="2/3"][td_block_2 custom_title="Features" custom_url="/features/" category_id="3" limit="2" el_class="features"][td_block_2 category_id="3" limit="2" offset="2" el_class="features hide"][/vc_column][vc_column width="1/3"][td_block_7 custom_title="Events" custom_url="/events/" category_id="164" limit="0" offset="0" show_modified_date="true" el_class="event hide" tdc_css=""][/vc_column][/vc_row][vc_row][vc_column][vc_column_text][/tdc_zone][/vc_column_text][/vc_column][/vc_row]
I can see there is a [tdc_zone type=”tdc_content”] that may be the issue, but taking this out, doesn’t restore functionality.
It’s a busy website, so please reply soon!
OK, I saved the suggested code – but no effect on the Tag Div Slide Gallery in the mobile(!!!) page.
But it has changed on the regular caption for regular inserted pictures in the postings.
Maybe I need a different CSS for the mobile gallery?
Pls see screenshot above.
Hello,
The problem is caused by siteground plugin, which combines the css and js, please disable those options and delete the cache -> https://i.imgur.com/iKWrswu.png
Thank you!
Hello @nachtwache!
That warning is not a problem. Make sure you save the settings there. You can also use the LIVE CSS to add custom CSS code: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Bettina, how to add this CSS?
I tried copy&paste in the Panel –> Custom Code –> Custom CSS
No result and a warning sign in the editor – pls see screenshot
<img src=”
https://www.hasepost.de/wp-content/uploads/2023/02/css-tagdiv.jpg” alt=”css in panel” />
We have updated our theme (newspaper 12.1.1) to the latest version of the theme (newspaper 12.3). After updating there are some style issues in the side widgets and some blocks. The issue is based on the constant and we can fix it by adding custom CSS, but before that, we didn’t have any issue like that. So is there any proper fix to solve this style issue?
Also, the tagDiv Cloud Library plugin is automatically deactivated after updating the theme. However, I activated it again. Why that plugin is automatically deactivated?
Screenshots:- https://imgur.com/a/hSJDrod
Hello @nachtwache!
Add this CSS:
.wp-caption-text, .wp-caption-dd, figcaption {color: white!important;}
Thank you!
