Chrome ignoring list-style and padding in style.cssI need an unordered list without any bulletsWhen to use margin vs padding in CSSMake the cursor a hand when a user hovers over a list itemDisable same origin policy in ChromeHow to remove border (outline) around text/input boxes? (Chrome)See :hover state in Chrome Developer ToolsDisabling Chrome cache for website developmentGetting Chrome to accept self-signed localhost certificateHow do I get ASP.NET Web API to return JSON instead of XML using Chrome?Remove blue border from css custom-styled button in Chrome
Why does nature favour the Laplacian?
Any examples of headwear for races with animal ears?
Binary Numbers Magic Trick
Why does processed meat contain preservatives, while canned fish needs not?
Were there two appearances of Stan Lee?
How to replace the "space symbol" (squat-u) in listings?
How to determine the actual or "true" resolution of a digital photograph?
What's the polite way to say "I need to urinate"?
Is it possible to Ready a spell to be cast just before the start of your next turn by having the trigger be an ally's attack?
"ne paelici suspectaretur" (Tacitus)
When and why did journal article titles become descriptive, rather than creatively allusive?
Does jamais mean always or never in this context?
Toggle Overlays shortcut?
Where did the extra Pym particles come from in Endgame?
Why does Bran Stark feel that Jon Snow "needs to know" about his lineage?
What's the metal clinking sound at the end of credits in Avengers: Endgame?
Is creating your own "experiment" considered cheating during a physics exam?
How to set the font color of quantity objects (Version 11.3 vs version 12)?
Sci-fi novel series with instant travel between planets through gates. A river runs through the gates
Is GOCE a satellite or aircraft?
Packing rectangles: Does rotation ever help?
Weird result in complex limit
Electric guitar: why such heavy pots?
Colliding particles and Activation energy
Chrome ignoring list-style and padding in style.css
I need an unordered list without any bulletsWhen to use margin vs padding in CSSMake the cursor a hand when a user hovers over a list itemDisable same origin policy in ChromeHow to remove border (outline) around text/input boxes? (Chrome)See :hover state in Chrome Developer ToolsDisabling Chrome cache for website developmentGetting Chrome to accept self-signed localhost certificateHow do I get ASP.NET Web API to return JSON instead of XML using Chrome?Remove blue border from css custom-styled button in Chrome
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I'm trying to add some very basic css to a list on a wordpress page where I remove the bullets and add a little padding between each list item. The list is generated by shortcode from a plugin called List-category-posts. The css works as expected on a Mac in Safari and Firefox but not Chrome.
https://annamaltz.com/writings/
.lcp_catlist li
list-style: none;
padding-bottom: 30px;
When I inspect the page in Chrome, I can see that its pulling from the parent theme's style.css file but not seeing my adjustments in the child's file.
css wordpress google-chrome
add a comment |
I'm trying to add some very basic css to a list on a wordpress page where I remove the bullets and add a little padding between each list item. The list is generated by shortcode from a plugin called List-category-posts. The css works as expected on a Mac in Safari and Firefox but not Chrome.
https://annamaltz.com/writings/
.lcp_catlist li
list-style: none;
padding-bottom: 30px;
When I inspect the page in Chrome, I can see that its pulling from the parent theme's style.css file but not seeing my adjustments in the child's file.
css wordpress google-chrome
Looks fine to me in Chrome
– j08691
Mar 22 at 19:22
I'm using Chrome on a Mac and have checked two different machines and have the same results: no padding between list items and bullets are visible. Potentially, it may not be an issue on Chrome on Linux or Windows.
– Benny
Mar 22 at 19:39
1
Looks correct in Chrome (Win10). Try using the Empty cache and hard reload feature - your browser might be caching an old version of the style sheet.
– ty2k
Mar 22 at 20:15
Thanks ty2k! So weird that it was also happening on another Mac as well. Both machines must have been caching old style sheets. School boy error on my part. Grateful for your time. Cheers.
– Benny
Mar 22 at 23:09
To avoid caching issues when I'm developing, I display the Chrome Developer tools, and turn off caching (via Preferences -> Network). I find this to be easier and more reliable than adding version strings everywhere, or trying to remember to do a manual reset of the cache.
– Loren Rosen
Mar 23 at 3:04
add a comment |
I'm trying to add some very basic css to a list on a wordpress page where I remove the bullets and add a little padding between each list item. The list is generated by shortcode from a plugin called List-category-posts. The css works as expected on a Mac in Safari and Firefox but not Chrome.
https://annamaltz.com/writings/
.lcp_catlist li
list-style: none;
padding-bottom: 30px;
When I inspect the page in Chrome, I can see that its pulling from the parent theme's style.css file but not seeing my adjustments in the child's file.
css wordpress google-chrome
I'm trying to add some very basic css to a list on a wordpress page where I remove the bullets and add a little padding between each list item. The list is generated by shortcode from a plugin called List-category-posts. The css works as expected on a Mac in Safari and Firefox but not Chrome.
https://annamaltz.com/writings/
.lcp_catlist li
list-style: none;
padding-bottom: 30px;
When I inspect the page in Chrome, I can see that its pulling from the parent theme's style.css file but not seeing my adjustments in the child's file.
css wordpress google-chrome
css wordpress google-chrome
edited Mar 22 at 20:04
Benny
asked Mar 22 at 19:10
BennyBenny
33
33
Looks fine to me in Chrome
– j08691
Mar 22 at 19:22
I'm using Chrome on a Mac and have checked two different machines and have the same results: no padding between list items and bullets are visible. Potentially, it may not be an issue on Chrome on Linux or Windows.
– Benny
Mar 22 at 19:39
1
Looks correct in Chrome (Win10). Try using the Empty cache and hard reload feature - your browser might be caching an old version of the style sheet.
– ty2k
Mar 22 at 20:15
Thanks ty2k! So weird that it was also happening on another Mac as well. Both machines must have been caching old style sheets. School boy error on my part. Grateful for your time. Cheers.
– Benny
Mar 22 at 23:09
To avoid caching issues when I'm developing, I display the Chrome Developer tools, and turn off caching (via Preferences -> Network). I find this to be easier and more reliable than adding version strings everywhere, or trying to remember to do a manual reset of the cache.
– Loren Rosen
Mar 23 at 3:04
add a comment |
Looks fine to me in Chrome
– j08691
Mar 22 at 19:22
I'm using Chrome on a Mac and have checked two different machines and have the same results: no padding between list items and bullets are visible. Potentially, it may not be an issue on Chrome on Linux or Windows.
– Benny
Mar 22 at 19:39
1
Looks correct in Chrome (Win10). Try using the Empty cache and hard reload feature - your browser might be caching an old version of the style sheet.
– ty2k
Mar 22 at 20:15
Thanks ty2k! So weird that it was also happening on another Mac as well. Both machines must have been caching old style sheets. School boy error on my part. Grateful for your time. Cheers.
– Benny
Mar 22 at 23:09
To avoid caching issues when I'm developing, I display the Chrome Developer tools, and turn off caching (via Preferences -> Network). I find this to be easier and more reliable than adding version strings everywhere, or trying to remember to do a manual reset of the cache.
– Loren Rosen
Mar 23 at 3:04
Looks fine to me in Chrome
– j08691
Mar 22 at 19:22
Looks fine to me in Chrome
– j08691
Mar 22 at 19:22
I'm using Chrome on a Mac and have checked two different machines and have the same results: no padding between list items and bullets are visible. Potentially, it may not be an issue on Chrome on Linux or Windows.
– Benny
Mar 22 at 19:39
I'm using Chrome on a Mac and have checked two different machines and have the same results: no padding between list items and bullets are visible. Potentially, it may not be an issue on Chrome on Linux or Windows.
– Benny
Mar 22 at 19:39
1
1
Looks correct in Chrome (Win10). Try using the Empty cache and hard reload feature - your browser might be caching an old version of the style sheet.
– ty2k
Mar 22 at 20:15
Looks correct in Chrome (Win10). Try using the Empty cache and hard reload feature - your browser might be caching an old version of the style sheet.
– ty2k
Mar 22 at 20:15
Thanks ty2k! So weird that it was also happening on another Mac as well. Both machines must have been caching old style sheets. School boy error on my part. Grateful for your time. Cheers.
– Benny
Mar 22 at 23:09
Thanks ty2k! So weird that it was also happening on another Mac as well. Both machines must have been caching old style sheets. School boy error on my part. Grateful for your time. Cheers.
– Benny
Mar 22 at 23:09
To avoid caching issues when I'm developing, I display the Chrome Developer tools, and turn off caching (via Preferences -> Network). I find this to be easier and more reliable than adding version strings everywhere, or trying to remember to do a manual reset of the cache.
– Loren Rosen
Mar 23 at 3:04
To avoid caching issues when I'm developing, I display the Chrome Developer tools, and turn off caching (via Preferences -> Network). I find this to be easier and more reliable than adding version strings everywhere, or trying to remember to do a manual reset of the cache.
– Loren Rosen
Mar 23 at 3:04
add a comment |
1 Answer
1
active
oldest
votes
On one machine, the Empty cache and hard reload feature in Chrome reset the cached style sheet. The other machine needed to have the ~/library/Google/Chrome dumped to correct the issue.
Thanks to ty2k for the answer and j08691 for having a look.
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55306363%2fchrome-ignoring-list-style-and-padding-in-style-css%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
On one machine, the Empty cache and hard reload feature in Chrome reset the cached style sheet. The other machine needed to have the ~/library/Google/Chrome dumped to correct the issue.
Thanks to ty2k for the answer and j08691 for having a look.
add a comment |
On one machine, the Empty cache and hard reload feature in Chrome reset the cached style sheet. The other machine needed to have the ~/library/Google/Chrome dumped to correct the issue.
Thanks to ty2k for the answer and j08691 for having a look.
add a comment |
On one machine, the Empty cache and hard reload feature in Chrome reset the cached style sheet. The other machine needed to have the ~/library/Google/Chrome dumped to correct the issue.
Thanks to ty2k for the answer and j08691 for having a look.
On one machine, the Empty cache and hard reload feature in Chrome reset the cached style sheet. The other machine needed to have the ~/library/Google/Chrome dumped to correct the issue.
Thanks to ty2k for the answer and j08691 for having a look.
answered Mar 22 at 23:19
BennyBenny
33
33
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55306363%2fchrome-ignoring-list-style-and-padding-in-style-css%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Looks fine to me in Chrome
– j08691
Mar 22 at 19:22
I'm using Chrome on a Mac and have checked two different machines and have the same results: no padding between list items and bullets are visible. Potentially, it may not be an issue on Chrome on Linux or Windows.
– Benny
Mar 22 at 19:39
1
Looks correct in Chrome (Win10). Try using the Empty cache and hard reload feature - your browser might be caching an old version of the style sheet.
– ty2k
Mar 22 at 20:15
Thanks ty2k! So weird that it was also happening on another Mac as well. Both machines must have been caching old style sheets. School boy error on my part. Grateful for your time. Cheers.
– Benny
Mar 22 at 23:09
To avoid caching issues when I'm developing, I display the Chrome Developer tools, and turn off caching (via Preferences -> Network). I find this to be easier and more reliable than adding version strings everywhere, or trying to remember to do a manual reset of the cache.
– Loren Rosen
Mar 23 at 3:04