Various upgrade breaks - incl. top margin
This upgrade has broken a number of appearance elements on my site, and after poking around a bit I'm not sure how to solve.
The biggest problem is the sudden appearance of a largish (25px?) margin between the top of the page and the %logo. Previously the %logo was flushed to the top of the page. I thought, perhaps, that I'd included an html or css insert to accomplish this but I don't see it in that section, which is otherwise intact with the custom inserts I'd previously set. Regardless, I'd like to know how to remove this margin. You can see it here: http://tonyortega.org The second biggest problem (and perhaps it's related) is that I don't believe the CSS inserts are being recognized. I can see them there in settings, but they're not working so I don't know what's happening. This is especially problematic because I am/was using a CSS insert to position my banner ad, which has now disappeared (I am/was positioning it inside the header image using the Overlay Header Image feature). |
What release did you upgrade from/to?
Quote:
|
Thanks for the reply Juggledad. I do not recall which version I upgraded from, but it's been awhile and I probably missed a few updates. It's safe to say that it wasn't from the last version/update.
With respect to the CSS inserts, the code itself is fine, and is the same code that was fine in the previous version (whatever that version was). I'll paste below, however, the full contents of my CSS Inserts field: #banner-top { position: absolute; right:7px; top: 7px; } |
Also be sure you go into the header and footer sections of the theme options and hit the green save button. That is necessary because of some changes to the theme code.
|
Thanks lmilesw. I didn't even notice that the footer was gone (it was only a short copyright notice) but saving that resolved not only the footer but the white space at top as well, for whatever reason.
My CSS Inserts problem remains, but I only just responded to Juggledad. |
If you are trying to move your ad banner to the top you should use "top: -60px" or something around that to move it up.
|
The placement of the banner isn't an issue; the banner isn't appearing at all. None of the CSS Inserts are showing up.
|
Quote:
|
Quote:
<div id="banner-top">And again, all this worked fine just prior to upgrading. |
1 Attachment(s)
I'm seeing a banner AD in the header. have you cleared your browser caches - tried another browser or another machine?
Attachment 2541 Your CSS Inserts are being applied, but they are overridden by mre specific CSS. Take the H# for the widget title. The code is thus: HTML Code:
<div id="categories-3" class="widget widget_categories"> You have two choices, use the same selector in your CSS Insert or add the '!important' option to your CSS. Just remember if you add it to the rules for the selector 'h3' it may affect other h3 where you don't eant it to. |
Thanks Juggledad. Indeed, there it is now. I had cleared my cache earlier, I don't know why it disappeared and reappeared; it just made sense that it had to do with the other CSS inserts not appearing. But maybe it had something to do with Google.
With respect to the CSS , I guess something changed between updates with respect to who wins in a CSS fight between Atahualpa and x or y widget or WP. Because only two months ago these same styles used to render the content widgets thusly: https://web.archive.org/web/20140214...onyortega.org/ Isolating to one example, for instance, with the title "Categories", the same code... Code:
<div id="categories-3" class="widget widget_categories"><div class="widget-title"><h3>Categories</h3></div><select name='cat' id='cat' class='postform' > |
There are several differences in the CSS for the archived a page and the current page
1) new page has HTML Code:
div.widget-title { 2) new page has HTML Code:
h2 { The difference in size would probably have to do with the base PX size times the EM value. |
All times are GMT -6. The time now is 11:56 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.