itproxy

Forum Replies Created

Viewing 15 replies - 1 through 15 (of 35 total)

  • Hi RedRunner
    What’s your skill set? Can you write HTML and CSS? If so, won’t the following work? Rename index.php to index2.php, and create your own index.php, like this:

    <?php
echo
'<html>
<head>
[Put your HTML in here, including link to your.css]
</head>
<body>
[Put your HTML in here, including the link to index2.php]
</body>
</html>';
 ?>

    Perhaps you should stop trying to tweak the theme’s css, and just write your own from scratch! At least then you won’t be chasing your tail, trying to neutralise hard-to-locate aspects driven by css’s inheritance and cascading features, with success for one browser/version, but unintended consequences for the others.
    It isn’t that hard, and in my experience, it’s easier than tweaking!
    Have a look at my site, and view the theme’s style.css file. No doubt the format will shock the hard-core css coders out there, but it’s easy to understand what’s going on, and I can view the whole sheet on-screen at a glance:
    https://akphoto.itproxy.net
    It’s a fairly simple site, so doing something similar for your site would be harder. I also have the advantage that I run my own server, so can set up dummy sites/domains to experiment before going ‘live’.

    Hi Andy, sorry for not being clearer.
    I realise you don’t use those divs, hence no display.
    After commenting out the existing chunks of code, put in an explicit:

    #site-title {
display: none;
}

    etc.
    Need to explicitly say you don’t want them to display; taking a risk otherwise that they’ll display in some ‘where did that come from?’ fashion!
    Problem with just adding display: none; to other code is, specified margins etc might still be having effect, even if the div itself is not displaying.

    You have some odd code in the ‘header’ section of your style sheet.
    For example, the site-title and -description divs are set to ‘display: none;’, yet you also have top and bottom margins set, which will affect the positioning of adjacent elements. You’ve also a negative margin-top for the header image; it seems to me you have all sorts of settings which are basically possibly conflicting with each other.
    Why don’t you try commenting out current site-title and -description div coding chunks, then add simple {display: none;} lines for them, and see what happens? Then play with the negative margin-tops for other elements? Needing negative margins is a sure sign there’s something wrong elsewhere!
    PS I tried tweaking TwentyTen for a simple (non-blog) site I was running; trying to work out what was driving various aspects (and neutralise them) got so complicated that I just started again, writing my own stylesheet from scratch, basing it on the php-generated divs etc.

    Forum: Fixing WordPress
    In reply to: Negative Space

    Your blog page has a <body class=”blog”> tag, but this is nowhere referenced as such in your style sheet. (Contrast other pages: <body class=”page” etc>)
    Try ‘classing’ your blog like any other page, or creating a style rule for .blog that closes the gap, by using negative top or bottom margins between the elements that create that area of the page.

    You should use the View > Page Source feature of your browser, identify the id or class of the elements which generate those items, then add something like this to your theme’s style.css file:
    #some-id {display: none;} (for elements identified by id)
    .some-class {display: none;} (for elements identified by class)
    Copy the style.css file first, so you can restore if all goes horribly wrong!
    PS Most of those things are so-called ‘meta’ elements; that might be a good thing to start looking for.

    Like Adeptris, I’m theorising …
    The basic problem seems to me to be that the header.php file puts the branding div above the access div, and you want them the other way round, trying to use css to acheive this. (Different browsers can do strange things with straighforward code, never mind workarounds!)
    Why don’t you just reverse the order of the divs in the header.php file, and take it from there? (Make a copy of the file first, in case it all goes pear-shaped – but you don’t need me to tell you that!)
    I can’t see that would be problematic – just cut the access div code chunk, and paste it into the masthead div, above the branding div.

    Have you tried replacing:
    ‘position: absolute;
    top: -43px;’
    with a simple
    ‘margin-top: -43px;’
    or something similar?
    (I also assume you’ve a * {margin: 0px; border: 0px; padding: 0px} statement (or similar) at the start of the css to neutralise varying browser defaults in this regard?)

    ‘&’ has a special meaning in (x)html. It is used exclusively to start/indicate special character references, so (if ‘ampersand’ is meant) it cannot be written as is, but must always be written as ‘& amp ;’ (or & #38 ?? (without the spaces! the forum converts the proper code to just ‘&’!). If you’ve set wordpress up to use utf8, it’s simply correcting your syntactically wrong use of ‘&’ ie on its own.

    The source code of your page shows the following for the Facebook iframe:

    <li id="text-4" class="widget widget_text">            <div class="textwidget"><div align="center"><iframe src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F%23%21%2Fpages%2FBass-Parade-Blog%2F152313681470315%3Fref%3Dts&width=130&connections=2&stream=false&header=true&height=287" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:130px; height:287px;" allowTransparency="true"></iframe></div></div>
        </li>

    Try adding something like:
    li#text-4 {margin-left: 0px;} to the theme’s css file.
    Or, padding-left: 0px; Or, margin-left: -20px; (or whatever). Can’t be more specific, it’s positioning could be affected by many other (inherited) factors.
    Or, if you wrote the actual (x)html, change the (before iframe) div align=”center” to “left”?

    Can you not use an iframe, and use Kleor’s ‘Content Switcher’ plugin to generate a random number for the post id:

    https://www.kleor-editions.com/content-switcher/en/

    (or downloadable through Plugins ‘Add New’)

    I have had a similar problem, and not resolved it; however, I find that it all works OK if I use the ‘default’ permalinks setting, anything else fails.

    Thread Starter itproxy

    (@itproxy)

    Problem solved. Have downloaded and installed a copy of jquery.min.js locally, and am referencing that in the script.

    Thread Starter itproxy

    (@itproxy)

    Thanks to you all for responding.
    I followed chinmoy29’s link, and changing ‘$args[‘show_home’] = true;’ to ‘ = false;’ in the functions.php file did the trick, quick and easy!
    Thanks again.

    Thread Starter itproxy

    (@itproxy)

    Thanks, Dalton.
    Finally cracked it: had to put #page img {border: none;} in the theme css to sort it. For reasons I don’t understand, had been able to stop the border displaying when not mouseover by simply using .home img {border: none;}, but this didn’t work on mouseover.
    I suspect I haven’t really got my head round the ‘cascading’ part of CSS!

Viewing 15 replies - 1 through 15 (of 35 total)