Search Results for 'css'

Results from the Forum
rocketman
tagDiv Member

Bogdan,

Thanks for your help on this.

So if I want to change the thumbnail to a center-center one, can that only be attained thought the API?

Perhaps we can address it via CSS?

Thanks!

BazooQa
Participant
#0

Greetings,
After some customizations (very important for me though), newly created posts don’t seem to have the td-paragraph-padding-1 class, which is adding paragraph paddings 11% left and right in each post.
I end up without paddings at all.
What I tried:
– disabled all plugins;
– disabled my child theme, including child css file.
Still, new posts have no paddings in main post content, imported posts from demo look good though.
Its my fault, I am asking for a clue where to move.

My post content: https://i.imgur.com/MIRKlw3.png
My post html: https://i.imgur.com/PIJQplj.png
Imported post: https://i.imgur.com/POACW0S.png
Imported html: https://i.imgur.com/FZCBt5R.png

Many thanks in advance.

P.S. For the life of me, I can’t understand howcome css styles can get old or expired;)

johnysh
Participant
#0

I want to change hover menu text color and “active” menu text color which use following css.
But it only change hover menu text color, when I click the menu item to a page, the active menu item keep the color which the same with theme accent color.
Do I use the wrong css?

.td-header-wrap .current-menu-item a,
.td-header-wrap .td-header-menu-wrap .sf-menu > li > a:hover {
color: #FFDA3E;
}

thelacivert
Participant
#0

Hello there,

I want to modify my blog’s colors as like Twitter’s “Night Mode”. But I couldn’t change single post background and page backgrounds. Also couldn’t change homepage text color. Plus; I want to change sidebar items background as like block items background per individual. Where are the options? Or do I need to get it done by CSS, if so can you share the class/id names with me.

reatlat
tagDiv Member

@bogdan-b and @stuartmasson
The problem comes only on MacOS

the solution is pretty easy,
but should be implemented from @tagDiv side

SOLUTION 1 with padding-right for hiding scroll-bar


.tdc-inspector {
    width: 300px;
    padding-right: 17px; }

SOLUTION 2 with pseudo:class
also, the solution can be with CSS pseudo class (only WebKit… we don’t care about IE9)


.tdc-inspector {
    width: 300px; }
.tdc-inspector::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background:  transparent;  /* optional: just make scrollbar invisible */ }
ray
Participant
#0

Hi,
I was able to get crypto-ticker shortcode working as I followed another post’s instructions to replace the inline text with column text. But the yellow background has doubled in size. I’ve tried so much… even had to reinstall DEMO because I overplayed with the CSS settings.
How can I correct this so the width of the yellow matches the width of the ticker?
Thank you in advance.
i.e-
Original look – https://pasteboard.co/HzHmJ04.png
Inline Text Removed, yellow enlarges -https://pasteboard.co/HzHnZFj.png
Ticker working with too large yellow background – https://pasteboard.co/HzHouY9.png

Simion C.
tagDiv Staff

Hi,

In the composer you can set all the buttons to inline, they will appear like this
https://www.screencast.com/t/hNJUvvlmhUn

In the post content it could be done with some CSS probably. I see you already positioned some buttons as you wanted with a plugin. So you could use that since it works.

Thanks

BrettskiH
tagDiv Member

Hi Simion

We fixed it with a piece of Custom CSS i.e.

img.td-animation-stack-type0-2, body.td-animation-stack-type0 .post img, body.td-animation-stack-type0 .td-animation-stack .entry-thumb, body.td-animation-stack-type0 .post img {
opacity: 1 !important;
}

But I’d still like to track the issue if at all possible so we don’t have to use the Custom CSS.

Any ideas?

Simion C.
tagDiv Staff

Hi,

Simply installing the theme does not provide blazing fast loading speeds. Optimizations have to be made in order to improve the loading speed. Start with what the test suggests, fix as many as possible. Search the forum for user recommendations, also guides/tutorials
https://forum.tagdiv.com/how-to-make-the-site-faster/
https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
https://forum.tagdiv.com/cloudflare-cdn/
Each optimization will contribute to the faster loading of the website. Of course it depends on the hosting as well.

Thanks

sanotes
Participant
#0

How can I change the distance between paragraphs?

I added custom css code:


p {
 margin-top: 2px; 
 margin-bottom: 2px;
  }

But nothing happened!
My site: sanotes.ru

Simion C.
tagDiv Staff

Now that is unusual, those issues were fixed quite a while back, there were no other reports since then. There are no more !important tags in the AMP stylesheet, all were removed.

But still it seems in your case !important is detected for some reason. I tested some other posts from your website, there are no errors there. But the same stylesheet is loaded for all posts, so why for some posts it detects the tag and in some not is unusual.

I see an unusual link in the post content, with some invalid CSS
https://www.screencast.com/t/6mrlPuHqX
Could you try as a test to remove that link and check if the same is detected, use the AMP validator tool
https://validator.ampproject.org/

Catalin
tagDiv Staff

Hello,

Please notice that the speed of your website depends on how well your site is optimized.
-> https://developers.google.com/speed/pagespeed/insights/?hl=ro&url=https%3A%2F%2Fwww.lideremprego.com%2F

Notice that is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Also, notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services are not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/ Check our documentation here -> https://forum.tagdiv.com/requirements-for-newspaper/ regarding on dedicated server to fit our requirements.

Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
Also, check all of your Ad Spots and if you have entered any suspicious code through them, remove all of them and check the results without them.

One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/

Basically, these are the theme requirements
https://forum.tagdiv.com/requirements-for-newspaper/

Thanks for your understanding!

johnysh
tagDiv Member

Yes, the font can be downloaded and set as custom fonts, but 5 custom fonts are not enough for use google fonts. As you know google fonts provide nine styles(100-900) and it will need several fonts.

For example, in Noto TC, it need 6 fonts for fulfill all style:
https://fonts.googleapis.com/earlyaccess/notosanstc.css

So if newspaper could support loading earlyaccess google font directly in the future, that will be great.

Simion C.
tagDiv Staff

That is how the header ad is displayed with that header style, there is a small margin to make it look better probably.

If you want to remove that margin and also set a background for it, you will have to use some CSS. Something like this should work
https://www.screencast.com/t/hedcRU5kRwf

@media (min-width: 1019px) {
.td-header-style-5 .td-header-sp-recs {
margin: 0 auto 0!important;
background-color: #222;
}}

The footer image seems to display properly for me, the image is of this size
https://www.screencast.com/t/DW4VTCTWblfo
It has a transparent lower part, so it would appear bigger. The image is displayed as it is, there is no unnecessary space added there.

Thanks

Simion C.
tagDiv Staff

Hi,

You are probably uploading the whole theme package. You have to upload only the theme zip file, not the whole package which contains other items
https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error

These are the theme install methods with steps for each method
https://forum.tagdiv.com/install-via-wordpress/
https://forum.tagdiv.com/install-via-ftp/

Thanks

andrealazzo
tagDiv Member

That was perfect. Thank you Catalin! Thank you very much.
I tried to do it in other way (using the theme panel) but without success.

I solved using your code in the “css additional” in the wp personalize theme.

Thanks again.

ytre77
Participant
#0

Hi how to exclude “POWIAT CIECHANOWSKI” from top bar in category page from this site http://www.tvmazovia.pl/kategoria/region/powiat-plonski

I do not want to hide CSS only to remove it from the view in PHP.

theplanettelex
Participant
#0

Hello,

I have succeded in displaying the “quote on blocks” (see css afterwards, here for precision : https://www.screencast.com/t/zxsqTM0I8U), rather than the excerpt – more practicle for publishing articles.

However, I still have a problem. I use the module M2 but it only displays the quote on box when placed in a row containing several columns but not when placed in a single row without column.

Please see these images : https://www.screencast.com/t/P9yM4SrG8s and https://www.screencast.com/t/Fd5p8sgT0OH3.

Would you happen to have a solution ?

Thanks

.td_quote_on_blocks {
font-family: ‘Quicksand’;
font-size: 13px;
line-height: 20px;
font-weight: 400;
font-style: normal ;
text-align: left;
text-transform: none ;
color: black ;
margin-top: 10px;
}

Simion C.
tagDiv Staff

Hi,

From what I can see none of the socials display as they should, which is like this
https://www.screencast.com/t/RKp0l38Rs3
There is a code in the custom CSS section in your case, this code affects the counter
https://www.screencast.com/t/1DccPTZytB
Remove that code and the issue will be solved.

Thanks

Marcos Marques
Participant
#0

Quando tento instalar o arquivo ZIP surge esse erro na página:

Installing Theme from uploaded file: themeforest-5489609.zip
Unpacking the package…

Installing the theme…

The package could not be installed. The theme is missing the style.css stylesheet.

Theme installation failed.

Catalin
tagDiv Staff

Hello sathana,

Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

ul.sf-menu > .td-menu-item > a{
border-left: 1px solid red;
}

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

Thanks for the message!

Catalin
tagDiv Staff

Hello Sofie,

Unfortunately, please notice that we cannot provide custom services, sorry! You should create your own custom CSS code after you read the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Catalin
tagDiv Staff

Hi,

Please notice that each demo has an own style for layout and if you want to achieve something like that design, you should simply install the demo and the theme will import the CSS specific to this demo. Also, you can check the style.css file for that demo to see what kind of changes were made over that block, as you can see here -> https://www.screencast.com/t/shHG5Cn1g

Thanks for the message!

Simion C.
tagDiv Staff

Hi,

I believe these that header style will be reworked by us in the near future. If there is not enough space in the menu (on smaller devices) the logo will be at the left and the menu items below it. At some point the logo will be resized
https://www.screencast.com/t/WG6U278ed
I could try and give you a CSS solution if you could mention how you want it to look.

Simion C.
tagDiv Staff

Hi,

That is a big grid, this one to be more exact
https://demo.tagdiv.com/newspaper/big-grid-3/

There is a slight gradient for the bottom part of the module, to make the title more visible. For example if you use a lighter featured image, if that gradient was not there the title would be hard to read of invisible.

If none of the grid styles available are to your liking, I could give you a code to remove it with this result
http://prntscr.com/kj9v4k

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

.td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:before {
display: none;
}

Thanks

Viewing 25 results - 13,076 through 13,100 (of 33,436 total)