Search Results for 'css'

Results from the Forum
Anamaria
tagDiv Staff

Hello,

To edit the font size for this message you need to use a custom code CSS -> https://i.imgur.com/G13Bmw2.png
.no-results h2
{
font-size: 50px;
}

This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.

Thank you!

Calin
tagDiv Staff

Hi,
Do you want to be like this -> https://i.imgur.com/FjaYkUj.png
If yes, then use this custom css:
header .td-post-date {
margin-left: 0;
}

I recommend to set it only for the mobile, so if you are using the responsive eversion set it here -> https://i.imgur.com/hr8MCHA.png
If this is not what you mean, please let me know!

Anamaria
tagDiv Staff

Hello,

Please let me know what Single Template you use from tagDiv Cloud Library or Theme Panel.
If you have a Single Template from tagDiv Cloud Library, you can try to hide the Single Post Views from the tab called “CSS” -> https://i.imgur.com/IyOYDHq.png for post template from Theme Panel, you need to use a custom code CSS to hide it and try after this to see if the option to show popular articles the last 7 works.
.td-post-views
{
display: none;
}

This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.

Thank you!

Calin
tagDiv Staff

Hi,
If you want to only remove the counter from the posts, then the easy and fast solution will be to use a css. Let the option enabled in the theme panel ad add this custom css:
-> https://pastebin.com/eHCJBDTz
Set the code in the theme panel > analytics/ codes -> https://i.imgur.com/LIEFK2l.png
I hope this will help you!
Thank you!

kjervert
Participant
#0

Hi all,

I’ve created a very simple header with header logo and menu/search from a blank header cloud template. I’m pretty good at code, but often bumble around until I find with CSS.

I’m having a lot of trouble centering it. I have it set to 1200px (to match the page content) and centered horizontally. The zone is centered and set at 100% as well. I’ve tried margins being auto, etc, but can’t find the magic setting.

Since it’s in the works in the tag div cloud editor I can’t share a link but have this image.
This is the cloud header with the alignment problem

I’m grateful for any help!

Karin

theurbanist
Participant
#0

In some of the modules and single post, the author and date details are appearing oddly (see here https://ibb.co/tpFNzqK). When the text is wrapped, the second line seems to indent slightly rather than run flush with the text above. I’ve tried a bunch of CSS attempts to fix it and nothing seems to resolve it. Can you offer a solution?

See live example here in mobile mode: https://www.theurbanist.org/2022/01/20/call-to-action-speak-up-for-housing-benefit-districts/

simchris
tagDiv Member

Also make sure you go to ‘settings’ about in Chrome to ensure updated to latest version. I have all sorts of weirdness with Chrome when there is pending update. In chrome you can also do F12 to get to the console view to see if page is generating some error that needs to be addressed in the CSS, or something not loading properly. 🙂

giacomo.dellungo
tagDiv Member

I run the CSS Analyzer and now looks fine… very strange! Thanks indeed

Bettina
tagDiv Staff

Hello @zlobica!

For homepage, please use “Column text” and “text with title” elements which have a button called “edit content” and if you click on that button, the WP Editor will open and you can add the code there. Close the WP Editor from X, save the changes from Composer and view the page to see the changes.
The Single External Shortcode works only on single post templates. Also, you can set for this one https://prnt.sc/26gwigr in the CSS tab a margin:0 at the bottom to take off that space.

Thank you!

Bettina
tagDiv Staff

Hello @saf !

Place the element Icon next to your other socials from your header and then you can align it from the CSS tab of the element.

Thank you!

Bettina
tagDiv Staff

Hello @yukiy531!

RAW CSS is a shortcode/element: https://www.screencast.com/t/yi3uDpLdDd -> https://www.screencast.com/t/EjVkCjmN and you can place it in every cloud template or page. You can’t access the head with the TagDiv Composer.

Thank you!

Bettina
tagDiv Staff

Hello MINA!

Great! Please delete the code from above and add this new CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:

.td-header-style-7 .td-header-sp-logo img { max-height: none;
margin-top: -15px;}

Thank you!

Anamaria
tagDiv Staff

Hello,

1. You can change the “Overall Score” from Theme Panel -> Translations -> Translations -> https://i.imgur.com/W7wUfP9.png -> https://i.imgur.com/RLrCvHv.png
2. To hide the number you need to use a custom code CSS
.td-review .td-review-final-score {
display: none;
}
.td-review .td-icon-star, .td-review .td-icon-star-empty, .td-review .td-icon-star-half {
font-size: 30px;
margin-right: 10px;
}

Hope this helps you!

Thank you!

Bettina
tagDiv Staff

Hello @meri!

Try to add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:

.td_block_template_18 .td-block-title .td-block-speech-bubble {
font-size: 33px!important;}

You can change the font-size of your “Speech bubble text” by replacing the “33” from the code with the value you want. But, if you change again the value of the block title, then it will replace the value of “Speech bubble text” automatically again.

Thank you!

Lian
tagDiv Member

This problem remains unsolved with the latest update

Single Post Bg Featured Image cached when used tagDiv CSS Analyzer.
Result: Display the same image on all articles.

Please fix this ASAP.

yukiy531
tagDiv Member

Hello,
thank you for your reply.

Is it possible to set CSS for each page by using RAW CSS?
Can it be installed in <head> when using RAW CSS?
Please tell me how to use the RAW CSS function.

jacquesgosselin
tagDiv Member

Hi Anamaria

Finally, I found the solution (in CSS) here in the forum
https://forum.tagdiv.com/topic/top-barmain-menu-assistance-needed%e2%80%bc%ef%b8%8f/

Thank

Jacques

cavalrydesign
tagDiv Member

Hi, in the end there was no issue with the theme, it was padding created by the Adverting Plugin. By adding some CSS the padding was removed. Thanks for your time on this Bettina.

meri
tagDiv Member

Hi @Bettina

Maybe with some CSS?

Thanks

c386
tagDiv Member

Calin, thank you again.

Two more requests:

1) Is it possible to change the wording of ‘Overall Score’ via CSS – i.e. could I change that to ‘Our Rating’ or something else?

2) The stars are shown beneath the number. Is there a way to remove the number entirely, and make the stars bigger instead?

Bettina
tagDiv Staff

Hello MINA!

Make sure you have the Standard Pack plugin installed and active.
Please add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:

.td-header-style-7 .td-header-sp-logo img {
max-height: none;}

It seems that your letters are ok now on mobile: https://www.screencast.com/t/qsprt3HNgCCX

If the problem is still there, then please make sure it’s not a plugin conflict or a cache issue, that’s why, deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it, clear all cache and try again.

Let me know the results!

Thank you!

Bettina
tagDiv Staff

Hello @yukiy531!

For the page itself only, you can add some custom CSS when you edit the page with the TagDiv Composer and use the element called RAW CSS. If you want to use the LIVE CSS, then the code for an element will appear on each page from your website where that element exist.
Please note that the WP Bakery has a conflict with the TagDiv Composer. Please use only one builder and not both.

Thank you!

yukiy531
tagDiv Member

Thank you for your reply.
In WP Bakery Builder, the page itself was available with custom CSS.

WP Bakery Builder
https://drive.google.com/file/d/1AhKaOEM3l6odcmbucY9MqF484yo08yKS/view?usp=sharing

Is it possible to use custom CSS for each page even with “Tag Div”?

Hispanic L.A.
Participant
#0

Hello. This is hard to define. In Hispanicla.com I use Newspaper 11.4 . When clicking on the Main Menu under the logo, on any category, it takes me to the frontpage. I already deleted any redirection plugin. Also I tried all the plugins and the problem is not there. And when I changed from Newspaper to Twenty Fourteen the problem dissappeared.
While on Twenty Fourteen I found this on the header, no idea:
[tdb_header_weather icon_color=”#ffffff” temp_color=”#ffffff” loc_color=”#ffffff” inline=”yes” tdc_css=”eyJhbGwiOnsibWFyZ2luLXJpZ2h0IjoiMzIiLCJkaXNwbGF5IjoiIn19″ location=”Los Angeles” units=”imperial”][tdb_header_date date_color=”#ffffff” tdc_css=”eyJhbGwiOnsibWFyZ2luLXRvcCI6Ii0xIiwibWFyZ2luLXJpZ2h0IjoiMzIiLCJkaXNwbGF5IjoiIn19″ inline=”yes”][tdb_header_user inline=”yes” logout_tdicon=”td-icon-logout” usr_color=”#ffffff” log_color=”#ffffff” log_ico_color=”#ffffff” tdc_css=”eyJhbGwiOnsibWFyZ2luLXRvcCI6Ii0xIiwibWFyZ2luLXJpZ2h0IjoiMTYiLCJkaXNwbGF5IjoiIn19″]
Thank you,
Gabriel

pannu
Participant
#0

Hi,

URL: pacificherald.com
Prebuilt website: Aramis Pro

Under mobile menu the header logo is not horizontally aligned with the elements to the right as seen here https://prnt.sc/26frg5n. The header element on the left appears to sit a little above the mobile menu and search element on the right.

Would you have a css code to bring all the elements to align evenly?

Thank you.

Viewing 25 results - 4,251 through 4,275 (of 33,436 total)