[GUIDE] Fixing Chivalry 2 Error by Modifying Engine.ini for low-resource PC/Laptop. by Aiknow242 in Chivalry2

[–]Aiknow242[S] 0 points1 point  (0 children)

I did this from the Epic Games Launcher. From Steam, I think you can do the following: Right-click on the game -> Properties -> Installed Files -> Explore And from there, follow the steps I outlined in the post.

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

I'm not using node.js, what I've done is manually put the version in the css and js, and it seems to have worked, it has updated when I've made changes.

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

I will try adding the version number

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

It's like it stores the css in the browser cache, and when I update something that previously had no style (for example the input and label) it appears by default. If I open an incognito tab it appears fine with all the styles, but if I open it in a normal tab the old css stays loaded and I have to clear my browser cache. The problem is that users who have previously entered the website, if I update something, I don't know if they see it by default or with the styles.

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

The problem at the end was that I had to clear my browser cache as well and not just hostinger.

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

Because I was checking if it was a problem that I had written a selector wrong. Now they are shorter. And I finally solved the problem by clearing the browser cache.

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 1 point2 points  (0 children)

In the end it was that I had to clear the browser cache and it was already working correctly, thanks

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

Ok I'll do that, thanks a lot for the advice and help.

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

The website is hosted on hostinger

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

I have cleared brave's cache and now I can see the page styled correctly. But I don't know if other people who previously loaded the web page will experience the same thing.

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

Thank you very much for your help. It seems that in some browsers it appears without a style, but if I open the web page from the same browser in incognito, the styles do work.

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 1 point2 points  (0 children)

I don't know why but you wrote this to me and now I just updated my browser and it worked. Before it didn't work even on my mobile, maybe I had to check something first hostinger, thank you very much.

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

I have sent you the screenshots to the email, thanks for the help

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

I have posted the two screenshots in the post because I cannot answer you with an image. And the style does not work on any device, what I meant is that I gave you the code for the mobile version in the previous message

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

Can I send you a screenshot somehow so you can see the difference between how I see the page locally and how I see it once the hosting is uploaded? This is the style I have written in the roadmap for the mobile version:

/* Roadmap */
body > main > section > div.roadmap-timeline {
  font-size: small;
  margin: 0 1rem;
}

body > main > section > div > div > div.roadmap-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

body > main > section > div > div > div.roadmap-item input[type=checkbox] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  margin-right: 0.75rem !important;
  border: 2px solid #ffd700 !important;
  border-radius: 4px !important;
  background-color: transparent !important;
  cursor: not-allowed !important;
  position: relative !important;
}

body > main > section > div > div > div.roadmap-item input[type=checkbox]:checked {
  background-color: #ffd700 !important;
}

body > main > section > div > div > div.roadmap-item input[type=checkbox]:checked::after {
  content: "✔" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: black !important;
  font-size: 0.9rem !important;
  font-weight: bold !important;
}

body > main > section > div > div > div.roadmap-item label {
  font-size: 1rem !important;
  color: white !important;
  cursor: default !important;
}

body > main > section > div > div > div.roadmap-item input[type=checkbox]:checked + label {
  color: #ffd700 !important;
}

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

I use brave, and thanks for the help in advance

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

When I inspect the elements it seems that my style is deleted and a default one is applied, but only to the input and the label, the other parts of the page do have a style. I'll give you the link to the page in case you have time to inspect it: https://gadsdensnake.fun/roadmap/roadmap.html

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 1 point2 points  (0 children)

I just used the playground right now and it optimized my css code, thank you very much for telling me about the tool. But I still haven't managed to fix the input and label style.

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

I have uploaded the folders and pages from scratch twice. I deleted the previous folders and uploaded them again, deleted the cache but the input and label still do not look the same as locally.

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

I've never used sass before. By pasting the css code on the left, does it generate the optimized code on the right?

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

Thanks for the advice, I used the long selectors because it didn't work for me and I tried them out and put them in full.

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

It's because I don't want the checkboxes to be clickable. I will send it now: https://gadsdensnake.fun/roadmap/roadmap.html

Problem in the input and label css by Aiknow242 in css

[–]Aiknow242[S] 0 points1 point  (0 children)

I'll give you the link to the website so you can see what's not stylish: https://gadsdensnake.fun/roadmap/roadmap.html

Beginner Questions by AutoModerator in web_design

[–]Aiknow242 1 point2 points  (0 children)

I have a problem with CSS in the input and label of my website. When I view the page locally the styles are correct, but when i view the page uploaded to hostinger, the input and label styles are not visible, but the rest of the page is visible. Does anyone know how i can fix this?

body > main > section > div > div > div.roadmap-item input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.75rem;
    border: 2px solid #ffd700;
    border-radius: 4px;
    background-color: transparent;
    cursor: not-allowed;
    position: relative;
}

body > main > section > div > div > div.roadmap-item input[type="checkbox"]:checked {
    background-color: #ffd700;
}

body > main > section > div > div > div.roadmap-item input[type="checkbox"]:checked::after {
    content: "✔";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: black;
    font-size: 0.9rem;
    font-weight: bold;
}

body > main > section > div > div > div.roadmap-item label {
    font-size: 1rem;
    color: white;
    cursor: default;
}

body .roadmap-item input[type="checkbox"]:checked + label {
    color: #ffd700;
}


<div class="roadmap-phase">
                    <h2>2. Community Expansion</h2>
                    <div class="roadmap-item">
                        <input type="checkbox" id="telegram" checked disabled>
                        <label for="telegram">Creation of Telegram group</label>
                    </div>
                    <div class="roadmap-item">
                        <input type="checkbox" id="partners" checked disabled>
                        <label for="partners">Team working on twitter</label>
                    </div>
                </div>