Search Results for 'css'

Results from the Forum
blithe
tagDiv Member

Hello. I figured out. Its because of cloudflare’s auto minift function. If you have same problem, disable minify css or create page rules for admin pages to disable all.

420productions
Participant
#0

We are currently having an issue with custom CSS in Custom Code -> Advanced CSS.

We are changing the following styles based on breakpoints, in order to resize the logo and ad banner:

.td-header-sp-recs
.td-header-sp-logo
.td-main-logo .td-retina-version
.td-header-sp-logo img

Everything works normally, but there is one problem.

The breakpoints seem to be ignored when the window is exactly 1018 pixels wide.

At 1017, the 768px – 1018px CSS is applied correctly.
At 1019, the 1019px – 1140px CSS is applied correctly.
But at 1018, neither CSS is applied. It reverts back to the ‘default’ CSS.

liberoarbitrio
Participant
#0

Hi what are the js and css files that load images in the slide on the home and the main image of each article? During the carousel of the website it seems that you load them last, penalizing the above-the-fold content, so I would like to expel them from the compressions.
Thank you.

temporary_saint
tagDiv Member

You are correct! I’m so sorry – flushing the cache is CSS-101 🙂 Thank you!

bemibel
tagDiv Member

Hi Catalin,

After investigating, I solved most of the problems.

1. The problem number one was the plugin Speed Booster, doing strange effects on mobile version.

2. The second problem was the custom css. By default, the theme loads the css at the end, and that was the problem of the strange effects at loading. What I did is install a Custom CSS plugin that allows me to load the css at the beggining, and then the problem disappears.

3. The third problem, and I have not solved it yet, is visual composer. When you choose full width for a row, the row loads less width and after a second it turns to full width, producing an ugly effect. Why? This is probably a theme bug, because I checked other websites made with Newspaper and EVERYBODY has the same problem using full width rows with visual composer.

So my questions are:

1. Can you propose a new setting for the next update that allows you to chose if you want to load the css at the beggining or at the end?

2. By now, and to avoid installing a plugin for custom css, there is any code that I can use to load the css at the beggining?

3. Is there any way to solve the problem with visual composer and full width rows?

I want to say that most of the problems are theme bugs. Speed Booster is a plugin made by TagDiv, and it produces errors. The theme loads custom css at the end by default and you can’t change it. Finally, there is a problem with visual composer and the theme, loading late full width rows made with VC.

I would appreciate that this time you can help me finding solutions to my problems, at least at the visual composer bug.

Thank you.

Bernat

damagaff
Participant
#0

I have been able to use the .td-post-content a {color: #1F2338;} Custom CSS to change the accent color for hyperlinks in posts, but I cannot change the hyperlink color for the column text shortcode I inserted in my sidebar. I tried using .wpb_column_text a {color: #1F2338;}, but that didn’t work. Any ideas?

Erythros
tagDiv Member

That, of course, fixed it.
Cloudflare still cached the css.

Thanks.

Pradeep Augustine
tagDiv Member

Thank you. I have written some responsive CSS myself. With that I have acquired the style I needed. Is there any way that I can use a block in the Mobile Plugin? I recently activated mobile plugin and it has a very limited support on pages. I’m finding a way to add at least 1 block to it. Without blocks it is very difficult to create pages. I understood that it is a mobile plugin. But a single block will help a lot in creating pages, mainly when it is archive pages. If the option is not available, please consider it as a request and try to implement one block support in the future update to Mobile plugin.

EUCMH
tagDiv Member

@Simion_C.

I have disabled all the plugins (keeping the Theme’s ones) and the work is going lightning fast.
Thank you

@Bogdan_B.
I tried to add

.td-post-content p{
text-align:justify;
}

into the style.css but I didn’t find the right place to do it. So I used the ‘Customize’ feature and put this in the ‘Additional CSS

Using WP since 1.2 … I still have problem with the name used for the parts of the template like f.e. td-post-content …
I’ll try to get the (blockquote)(/blockquote) (as bellow)

working the way I want using the Additional CSS to.

I’ll then work with spaces around an image.
Thank you

  • This reply was modified 8 years by EUCMH.
  • This reply was modified 8 years by EUCMH.
blithe
tagDiv Member

Hello. First thank you for your answer.

I have fully managed vps. I have no problem with system status. I set all thing high. I think something is blocking icons or it is css problem.

Catalin
tagDiv Staff

Hello gogo,

You should exit directly in demo_style.css core file if you want to avoid that flash. PLease change the right value to left value from here -> https://www.screencast.com/t/QsFIjY3O5L

Thanks for your understanding!

Simion C.
tagDiv Staff

Hi,

Purge the js and CSS if possible, or purge everything. There should be no problem. This is a tutorial on Cloudflare if applicable
https://support.cloudflare.com/hc/en-us/articles/200169246-How-do-I-purge-my-cache-

@Christian12
That is the way the socials display for me as well with the same settings
https://www.screencast.com/t/trGvQeQJ2
https://www.screencast.com/t/gnYSentGaFA
That is happening because the WhatsApp is displayed only on mobile, but it is loaded among the socials. A solution would be to drag the WhatsApp social to be last in line
https://www.screencast.com/t/iubvmX5iqv
https://www.screencast.com/t/MLydi2uym76v

Thanks

abc.xyz
tagDiv Member

Hi Simon, I was able to remove roboto font completely by going also to td_fonts.php and replacing Roboto – Roboto Condensed- Roboto Slab with a letter, deleteing the values would break the all the fonts.

One last thing, I have been trying to speed up my website by removing undesired font weights.

I don’t need font weight 700 & 800 in open sans, I went td_confing.php to remove some font weights, but still shows, check the link in bold.
http://fonts.googleapis.com/css?family=Poppins%3A400%2C700%2C800%7C<strong>Open+Sans</strong>%3A400%2C600%2C700%2C800%7CA%3A400%2C<strong>700%2C800</strong>&ver=8.5.1

  • This reply was modified 8 years by abc.xyz.
Catalin
tagDiv Staff

Hello Nano,

If you want to affect the style for mobile devices, notice that you should use the media queries according to the following useful tutorial here -> https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Thanks.

gogo
Participant
#0

Hi,
on the business demo, the logo is aligned right. Is there a way to align it to the left, without using custom css?
I aligned it to the left with this code:

.td-business .td-header-style-1 .td-header-sp-logo {
float: left !important;
}

But the problem is, when the site loads, the logo jumps for 1 second to the right first, and then to the left.

Simion C.
tagDiv Staff

Hi,

The demo uses an image like this one for the row background
https://www.screencast.com/t/d1NvOracxq
Regarding the shadow you mention, please enter this code in Theme panel->Custom CSS section, it should remove that effect

.td-travel-header .td-element-style {
z-index: 2;
}

Thanks

Catalin
tagDiv Staff

Hello,

I have inspected your website and I saw that your style CSS are not applying as should be. I have checked your console and I saw that you have a lot of errors on your console as you can see here -> https://www.screencast.com/t/joI6LzWYsJy I suggest you to make a new clean install from scratch via FTP way, clear all of the untested plugins if you are using something like this because all of these might interact with the theme core files and causes a lot of unknown issues, purge all CDN files if you are using the Cloudflare and check the results. Before each theme update/install please make a full backup to your database to avoid losing all of your data.

Thanks for your understanding!

Bogdan B.
tagDiv Staff

Hello,
You can have https and use the theme properly but you need the right configuration.
Please use these settings for cloudflare:
https://forum.tagdiv.com/cloudflare-cdn/
and use these guides for proper ssl integration:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/

Thank you!

Bogdan B.
tagDiv Staff

Hello,

Both your issues are related to cache. You are still serving the olkd style.css from the previous version through your cache. Please clear all caching starting from the browser cache then cache plugin and cdn server.

Thank you!

Simion C.
tagDiv Staff

Hi,

Please check in the CSS tab of the row settings
https://www.screencast.com/t/J7I5EcnLk3
I should have mentioned their location in my previous reply, sorry about that. The video background is in the General tab, while the color or image background are in the CSS tab.

Thanks

Bogdan B.
tagDiv Staff

Hello,

Try to add this code in the theme panel-> custom css box:

.td-header-top-menu-full {
border-bottom: 1px solid #e9e9e9;
border-top: 4px solid #009688;
}
.td-header-style-1 .td-header-gradient::before {
height: 5px;
position: absolute;
bottom: 0;
background-color: #009688;
}

Your site is not boxed however so the lines will go full width. If you want to have it boxed as the NM demo, you will have to add a background image in the background section of the theme panel.

Thank you!

Bogdan B.
tagDiv Staff

Hello,

All of the theme css is located in style.css but there is no entry about the post content to be aligned to justify in our theme as if it were, the post content would be so by default. You will need to add custom code in the theme panel-> custom css section in order to align it to justify. You can try like so:

.td-post-content p{
text-align:justify;
}

As for the quote, you will have to be more precise as there are several quote style in our theme and I need to know which one you want aligned right.

Thanks.

Simion C.
tagDiv Staff

Hi,

If you keep replying in the topic this will only delay the response, we answer from oldest to newest. Please try to provide all the details in the initial post, or as the topic progresses.
That is a mega-menu with sub-categories, that is how it functions. The users will hover the sub-categories and posts from theme will be presented on the right.
There is a mega-menu without categories, like this
https://www.screencast.com/t/mfcUuir8
This menu will not display sub-categories on the left, it needs a category that does not have any, this is a guide
https://forum.tagdiv.com/mega-menu/
I could give you a code to hide the sub-categories as well, like this
https://www.screencast.com/t/dZHJJwDDs

.td_block_mega_menu .block-mega-child-cats a:not(:first-child) {
display: none;
}

This code will apply to all the mega-menus you have, it could be made more specific but I would need a link to your website if possible. Enter it in Theme panel->Custom CSS.

Thanks

Catalin
tagDiv Staff

Hello speed_jassar,

Notice that the theme does not have any such an option that allows you to increase the height of the main menu, sorry! You should do it yourself using such a custom CSS code. You can try to add your Custom CSS code the following one ->

.td-header-menu-wrap{
height:80px!important;
}
#td-header-menu {
min-height: 80px;
}

We do not recommend to do this because you can break the theme layout and if you are not aware of the steps which are needed to take, in this case, you should consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Unfortunately, the theme does not have any such an option for Fusion Slider. Sorry, but we do not know about this. Also, notice that Big Grids has not been designed to have any slider implemented in it.

Thanks for the message!

Catalin
tagDiv Staff

Hello Hannes,

1)Please check the following image for a better understanding -> https://www.screencast.com/t/hOxArbfxUP If you want to disable one of this, please check here -> https://www.screencast.com/t/h7g9p14k7Qi
2)If you want to have some blocks under the articles from post pages you should enable the Related Articles from Post Settings from here -> https://www.screencast.com/t/2gbYYowW
3)If you want to hide the author name for your posts you should use a bit of CSS code to do this. Please check the code ->

.td-post-author-name{
display:none;
}

Thanks.

Viewing 25 results - 15,376 through 15,400 (of 33,436 total)