Search Results for 'css'

Hi,

It is there, but it is behind the logo for some reason
– https://www.screencast.com/t/EL7hoMGu

I believe it is this code that causes the problem, from the custom CSS section
– https://www.screencast.com/t/zrwQjMyFGGgb
– https://www.screencast.com/t/cCGw6h14Xuv

If you want to use that code for desktop maybe, enter it in the Advanced CSS desktop section so it does not apply on mobile and create problems
– https://www.screencast.com/t/QiXsWGNo

Thanks

Hello aloysiuspattath,

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%2Finsanertech.com%2F&tab=mobile

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!

Hello Aviand78,

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

The code is ->

.fluid-width-video-wrapper {
margin-bottom: -300%;
}

Thanks.

Hi,

I tried something like the following, made a few tests only so maybe try it locally before making it live, if possible.

First replace the all the code in the mobile smart list template with this one
– https://www.screencast.com/t/c35AGFXpA
– https://pastebin.com/fCwzufL2

Add this CSS in the mobile theme custom CSS section
– https://pastebin.com/eMVMcvmR

For me the result is like this
– https://www.screencast.com/t/k6rDWHEVaE
All the smart list sections are displayed one below the other, no next/prev pagination, all in one page. It is like smart list style 2
– https://demo.tagdiv.com/newspaper/smart-list-style-2/

Hello tgarmon032071,

Do you are using the latest version of child theme which come bundled with the latest version of theme packet? I have checked your website and it seems that your CSS is not delivered and you have a lot of errors through your console, sorry! Please make a new clean install to another sub-domain for testing, use only the main theme version, remove all of untested plugins if you are using something like this, clear all the caches, purge the CDN files and check the results.

Thanks for your understanding!

Hi,

Just noticed something that happens in the Gadgets demo you have installed. The header ad is hidden when using the header style which comes with the demo (style 5).

That means the header ad will not appear while using header style 5. I will make a note of it and it will be fixed for the next theme update.

A temporary solution is to remove this code from the demo stylesheet
– https://www.screencast.com/t/6ocAlLXdJdo1
Or to enter this one in Theme panel->Custom code CSS section
– https://www.screencast.com/t/NiypVhNiGM
– https://www.screencast.com/t/HDHYDukH

.td-gadgets .td-header-style-5 .td-banner-wrap-full {
display: block!important;
}

Sorry for the inconvenience. We will fix it.

The ads in posts seem to load fine for me – https://www.screencast.com/t/VfbaVyz4l
– https://www.screencast.com/t/lGBIUfhO2V

Thanks

That would be how it works, set a limit of words or letters. As words are different in length the result will be somewhat different. Use it by letters then to cut at the exact limit you set.

If you want to use a height limit with CSS, you could hide the rest of the text after that height with overflow. Like in this example
– https://www.screencast.com/t/DRofktxa09Q
– https://www.screencast.com/t/9Myrr0uy

.td-excerpt {
max-height: 60px;
overflow:hidden;
}

– https://css-tricks.com/almanac/properties/o/overflow/

Hi,

There are options to hide rows, columns or particular elements, also per device (viewport). Check in the CSS tab of the respective element
– https://www.screencast.com/t/H15hMLxRcfk1
– https://www.screencast.com/t/Vio884Ki
The element will be hidden from view until manually made visible, it will not depend on changes to the content it displays. If empty it will display a notification.

There could be a solution however. For example if a block does not have any content due to selecting an empty category, it will show a no posts message
– https://www.screencast.com/t/u4XPB2A8n1vK
I could give you a code to remove that message

.tdb-no-posts {
display: none;
}

Then, once a pots is published in that category it will become visible. If that would be what you want, this may be a solution. The code can be entered in Theme panel->Custom code in the CSS section.

Thanks

Sorry for misunderstanding. If there are no settings in the theme panel, we could do it with some CSS.

Also for example the text you refer to in the homepage, I will need a link to your website to see how it is built and also what text are you referring to exactly.
Most composer text elements have options for text and background colors
– https://www.screencast.com/t/H15hMLxRcfk1

Mention some examples where you want to make changes, I will think of the easiest solutions.

Hi,

Try to do another way of implementing this layout! First of all, please set up a white color to your background to transform the layout of the theme in boxed mode and then use a bit of CSS code to apply the background-color with that image. Follow the next steps from here -> https://www.screencast.com/t/8E1HpFniNdeQ and then use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

body {
background-image: url(https://demo.tagdiv.com/newspaper_magazine/wp-content/uploads/2015/09/background.png);
}

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

Thanks for the message!

Hi,

That would be how CSS loads, transitioning through all values until the last one. This transition may be visible when the loading speed is slower. Also it may be different depending by browser used.
So in this case the default color will apply then the other following colors.
Without removing the default colors in the stylesheet there would be no way to skip them.

If you decide to do it, mention which colors you are referring to exactly, what header style.

Hello aresglez,

Our Header Style 1 looks like different than your desired example, sorry! You should create your own CSS code in order to achieve like this. Use the Inspector browser to create your own CSS code. Check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

That will not be easy unfortunately, the black demo contains a lot of customization in order to be as it is.
The unique style is achieved in most part with custom CSS, this is imported when the demo is installed. There would be nothing special about that demo other then the dark tint.

Maybe you don’t need the black demo. The tagDiv composer will allow you to set a background color for most elements
– https://www.screencast.com/t/Ncwl9TvHsX
You can set backgrounds for rows, columns blocks etc. Also a general background color in the theme panel
– https://forum.tagdiv.com/background-introduction/

Let me know if you have more questions.
Thanks