Search Results for 'css'

Hello blk709,

I have tested your website on Page Speed Insights from Google and I have noticed that you should need to work for it if you want to achieve a good page speed -> https://www.screencast.com/t/qPRSNYUp.
Please notice that the speed of your website depends on how well your site is optimized. 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 to 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/

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!

Hi,

You should try using the following code and place it in Theme panel -> Custom CSS area.

The code is ->

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

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

Thanks for your understanding!

Hello whyistayhungry,

That ‘darkening’ can be disabled with a bit of CSS code. Provide your website URL so I can take a closer look at it and also, so I will be able to provide a more accurate response.

Thanks for the message!

Hi,

The Facebook account link and also other footer and top menu socials, have to be entered in the theme panel here
– https://www.screencast.com/t/WkLBO82o6
On smaller devices the top bar will not be displayed by default. It could be made to appear if absolutely necessary, with some CSS code. Use this code that will make the top bar display, and also center it
– https://www.screencast.com/t/E40EK9odhYM

@media (max-width: 767px) {
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
text-align: center;
}}

Enter it in Theme panel->Custom code->Custom CSS section, if you decide to use it.

Thanks

Hi,

I believe you are referring to the Instagram footer title. That could be removed with a code like this, a specific them options is not available
– https://www.screencast.com/t/Q06pVjuJzKE4
Enter this code in Theme panel->Custom code->Custom CSS and it will remove the footer Instagram title

.td-footer-instagram-title {
display: none;
}

Thanks

Hi,

The sidebar reserved space was considered to be helpful, so it can be seen exactly how the post will look, depending on sidebar used or not. At the moment it could only be removed by editing the CSS used. Check this topic for a solution
– https://forum.tagdiv.com/topic/sidebar-space-in-edit-mode-in-post/
Sorry for any inconvenience created.

Thanks

Hi,

By default the top bar will not be displayed on mobile. There is no theme option to enable it. If it is absolutely necessary it could be made to display with custom code, like this
– https://www.screencast.com/t/FIlbEiNcA
The code will also center align the menu items and date, you can remove that conditions if it is not needed. Enter the code in Theme panel->Custom CSS section

@media (max-width: 767px) {
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
text-align: center;
}}

Thanks

Hi,

A code like this will align all the block titles on the homepage, to the right
– https://www.screencast.com/t/AZTQjGsjmNg
Enter the code in Theme panel->Custom CSS

.home .td-block-title {
text-align: right;
}

Thanks

Hello Noog,

You should target the particular ROW and COLUMN with the CSS code by a ROW and Column ID. You should check the following useful manual here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ to create your own custom CSS code.

Hope this helps!

Thanks for your understanding!

Hi,

You could change the width of the sub-menus list, try something like this example for both sub-menu and sub-sub-menu at once, or separate the code for each level
– https://www.screencast.com/t/HlP9tLVNGy7i
– https://www.screencast.com/t/IXQKiOMSqU

.sf-menu > li.td-normal-menu > ul.sub-menu,
.sf-menu .td-normal-menu ul {
width: 11em!important;
}

I believe the square list style type icon is directly affected by the size and color of the font itself
– https://www.screencast.com/t/Pq3hCTNPe
The font properties of the lists in the post content can be customized in the theme panel
– https://www.screencast.com/t/fS8cpaN9d9fT
You could use your own image instead or use some tricks to customize the lists
– https://www.w3schools.com/cssref/pr_list-style-type.asp
– https://css-tricks.com/almanac/properties/l/list-style/

Thanks

Hi,

When using the mobile theme plugin, this will always display on the front page a Top grid (which displays posts from the Featured category) and a Latest articles section. The mobile theme does not have options to remove any of these elements. The latest articles title could be removed with some CSS if you don’t want it displayed.
Enter this code in Theme panel->Mobile theme->Custom CSS section and it should remove the text “Latest articles”

.td-pb-article-list .block-title span{
display: none;
}

Thanks

Hi Stevivor,

Try using the following useful code and place it in Theme panel -> custom CSS area.

The code is ->

.td-footer-container table td, .td-footer-container table th {
border: 1px solid rgba(255,255,255, 0);
}

Thanks.

Hi,

A background color is possible to be set in the theme panel, for a background image you can use some CSS. Something like this should work
– https://www.screencast.com/t/LFUU41rDOGA

.td-header-style-1 .td-banner-wrap-full {
background-image: url("");
}

The main menu cannot be disabled, you could hide it with CSS if you want, and also set a fixed height for the header
– https://www.screencast.com/t/6MUHSo0DF

.td-header-style-1 .td-header-menu-wrap-full {
display:none;
}

Maybe these suggestions will help you achieve what you want. Experiment with them and modify the codes if needed.

Thanks

Hi,

From what I can see the iframes are not displaying properly on desktop as well, they are not using the full width available in the post content
– https://www.screencast.com/t/TXLOlNr8p
The iframes have fixed width value. A better solution would be to make them use all the space in desktop, while solving the mobile issue as well. Like this
– https://www.screencast.com/t/O5HCwLLGk
– https://www.screencast.com/t/Il1C2GG4
This is the code used, enter it in Theme panel->Custom CSS

.td-post-content iframe {
width:100%;
}

Please let us know if you need further help, or the solution is not working properly.

Thanks

Hi,

If you want to change that main menu background you should use the following custom CSS code for this and the result is here -> https://www.screencast.com/t/YeLo46VH8MXC

.td-business .td-header-style-1 .td-header-main-menu {
background: red;
}

If is not what you mean, provide more details so I will be able to provide a more accurate response.

Thanks for the message!

Hi,

Simply enter the code in Theme panel->Custom CSS code section, or in a child theme stylesheet if you use one. There is no need to modify theme files in this case.

Thanks