CSS Issues with Alignment, Text Scale, and Built-in Elements
-
Hello, I am trying to redesign my blog theme to incorporate a new header I designed, but am having issues with multiple themes not doing what I want. In Lovebirds, anytime I make a change to the CSS the entire alignment of the menu bar and comments number within the heart shift, as well a shift of screen visibility for the mobile devices. Also in Lovebirds I am unable to remove or replace the vine element as other topics in this forum have instructed.
In Vigilance (the theme I am presently using) and Truly Minimal (one I was trying to make work) the scale of the widget header text is tiny and no matter what I fix, the size does not change.
Any help anyone can give me will be much appreciated.The blog I need help with is: (visible only to logged in users)
-
Hi,
The thing about header images in most themes is that their sizes are hardcoded and quite hard to get around it. If a theme wants to display a 1200×200 px header image, for example, it will be hard to get a header image of different size to be displayed correctly.
I think it’s best if you find a theme you want to work with first, and then adjust your header image to match that theme’s required header size. That’s not ideal, I know, but the other way around is harder to do.
-
Aside from the headers (that was really the thing that spurred my having problems, not the problem itself), do you have any ideas why the CSS for multiple themes automatically shifts in alignment the moment I tweak anything within it? And will not go back to its previous state after I change the setting back to what it was? Thanks, Dana
-
That shouldn’t really happen, so I’m not quite sure what’s happening. Perhaps it’s something to do with your browser. Try working in a Chrome Incognito window and see if the problem persists.
-
I did as you suggested and downloaded Chrome and used Incognito. It occurred again, once in each of two different themes I’m interested in. =S
-
-
-
do you have any ideas why the CSS for multiple themes automatically shifts in alignment the moment I tweak anything within it?
It appears you are copying and pasting the entire stylesheet into the CSS editor. That won’t work unless you are an expert with CSS and know how to adjust every element that might need to be adjusted for the theme in order to make CSS from one location work in another (which is possible but not a beginner task).
What you should do instead is only apply the CSS changes you want to make in the Appearance > Customize > CSS editor, and also make sure th “Start Fresh” option below the editor is unchecked.
You might also like:
http://en.support.wordpress.com/custom-design/editing-css/ -
- The topic ‘CSS Issues with Alignment, Text Scale, and Built-in Elements’ is closed to new replies.