Community Forums › Forums › Archived Forums › Design Tips and Tricks › My CSS edits are not showing
Tagged: Css changes not showing
- This topic has 6 replies, 2 voices, and was last updated 9 years, 7 months ago by noah.
-
AuthorPosts
-
September 13, 2014 at 5:32 am #124203noahParticipant
I am trying to reduce space between the widgets in my sidebar and the changes are not showing. Other changes to the stylecss file are coming through.
I am trying to reduce the space in the primary sidebar of http://www.leaseholdknowledge.com, which uses News Pro.
I thought I had a problem with using W3 Total Cache and a CDN, Amazon Cloudfront. But another change has worked.
I am using this:
http://www.leaseholdknowledge.com#text-11.widget { padding-bottom: 0 px; } #featured-page-12.widget { padding-bottom: 0 px; } #featured-post-33.widget { padding-bottom: 0 px; } #featured-post-28.widget { padding-bottom: 0 px }
September 13, 2014 at 9:38 am #124234bandjMemberIf you're talking about the space between the text and the bottom of the widget, part of that is controlled by the margin for p. But if you change that it would affect all the paragraphs.
Otherwise the only thing I see is the .sidebar .widget padding. You could change that to padding: 2rem 2rem 0;
September 13, 2014 at 1:36 pm #124264noahParticipantIt finally is showing and working.
The problem seems to have been: attempting to change the spacing of three widgets at once.
The changes seemed to work doing them one at a time.
Also, I could only change two of the widgets spacing with padding-bottom: 0px;
I used "inherit" on the last two widgets, which worked.
Any idea why this worked and previous attempts failed? It seems random.
#featured-page-12.widget { padding-bottom: 0px; border-bottom: 0px solid; margin-bottom: -29px; } #featured-post-33.widget { padding-bottom: 0px; } #featured-post-28.widget { padding-bottom: inherit; } #text-11.widget { padding-bottom: inherit; }
September 13, 2014 at 2:26 pm #124271noahParticipantUnfortunately, adding this edit turns the header text and category menus red.
No idea why.
#categories-8.widget { padding-bottom: inherit; #taxonomy_dropdown_widget-2 { padding-bottom: inherit; }
September 13, 2014 at 4:55 pm #124282bandjMemberI still see your header with white text although it has a reddish background
your widget titles are black with a reddish background
.widget-title {
background-color: #BD6981;your categories in the menu are all black and white
September 13, 2014 at 4:58 pm #124283bandjMemberAny idea why this worked and previous attempts failed? It seems random.
did you put the css in a different spot than the first time?
September 14, 2014 at 3:02 am #124304noahParticipantNo, I have put the css in exactly the same place throughout.
I do not know why "inherit" should work. Somehow it is picking up the padding-bottom: 0px; of the first two edits, rather than the widget div padding-bottom: 2rem; which it possibly SHOULD inherit. I have no idea why this is working.
Adding this turns the header and theme colour for the categories etc red:
#categories-8.widget { padding-bottom: 0px; #taxonomy_dropdown_widget-2 { padding-bottom: 0px; }
So, I have removed it. All the settings are saying News Pro Blue.
It all seems incredibly hit-and-miss. Why does "inherit" work, when padding-bottom: 0px doesn't after it is already applied to two widgets?
And why can I edit the spacing of four widgets, and the theme changes colour by adding a fifth?
I suppose this is all quite intriguing, even fun, if you are a developer, but if you are trying to fill a site with editorial content, it is an appalling thief of time.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.