Forum Replies Created

Viewing 15 replies - 1 through 15 (of 27 total)
  • Thread Starter Meanderling

    (@meanderling)

    Good call (I hoped you’d say that…)

    Thread Starter Meanderling

    (@meanderling)

    Hmmm… I logged out to start the manual update via FTP, then logged back in to deactivate the plugins as per the instructions. This time when I logged in, it says there is no update pending and that I’m running 3.9 – I even clicked to ‘check again’. It says it’s fine…but honestly, I haven’t done anything since I posted my original comment, not even content edits.

    Do you think I should re-install manually anyway, or leave well alone?

    Thread Starter Meanderling

    (@meanderling)

    Thanks, will do! I wondered if that might bet the safest option.

    Cheers.

    Thread Starter Meanderling

    (@meanderling)

    SUSSED IT!!!! Yaaay 😀

    I was missing some styles, in particular a height in .ch-grid li – doh! Don’t you just hate sloppy code (naughty me) 😉

    Thanks for your help though, I appreciate it!!

    Thread Starter Meanderling

    (@meanderling)

    Hi there!

    Thanks so much for your answer. I had a look via code inspector and I can see what you mean about .ch-item showing a height of 0px. But the actual CSS for .ch-item is height: 100%;

    I followed up the CSS classes and see the first instance of ‘height: 0px’, seems to come from .article which is part of the page/theme code and hasn’t been touched by me. I’m guessing there must be something in the hierarchy of the code informing this value. Any idea what it could be??
    (everything in .mecontainer is my code and works fine outside of WP)

    Many thanks.

    Thread Starter Meanderling

    (@meanderling)

    I’m back…and hoping that WPyogi or someone equally as smart is online tonight 🙂

    My euphoria (and the Xmas pud) has subsided now, but I’m still having problems overriding some of the page styles. Managed to sort most of it out but no matter what combination I try, I can’t seem to override any of the .blox_xyz styles – can’t see what I’m doing wrong or why it won’t work.

    Copied from live page using Chrome Code Inspector – need to amend margins/padding:
    .blox_element {margin-bottom:50px;}

    .blox_row_fullwidth{visibility:hidden;position:relative;padding-top:65px;padding-bottom:15px;}

    I’ve tried adding it to my child theme css, using the same format as before (.page-id-95 #…) and every other combination I can think of, but still no joy. I’ve probably committed other coding sins on the page, but for now, this is my main concern. I have tried contacting the theme author again, but he doesn’t seem to be answering anyone any more…

    Can WPyogi or anyone help?

    Cheers (and happy new year to you all!)

    Thread Starter Meanderling

    (@meanderling)

    Yaay! Sorted the shadows & corners 😀

    Added ‘#’ to each:
    .page-id-95 #feature, .page-id-95 #content {…}

    – can you tell me why feature & content require # whereas h1, p, etc don’t. Just so I understand – I’m a wannabe coder even if I’m not an actual coder 😉

    Seriously, I cannot thank you enough – thank you so much! You may have just saved my entire project!! 😀 This has been driving me crazy for ages. It’s 3.20AM, I can go to bed happy 🙂

    Thread Starter Meanderling

    (@meanderling)

    Oh and what I thought might work to remove the shadows & corners, didn’t 🙁 What do I need to add to remove them on this page – unchecking the relevant boxes in the inspector removes them, how do I make that change in the css?

    Thread Starter Meanderling

    (@meanderling)

    Nope, still not working right 🙁

    I copied and pasted your code into my style.css – you can see that the p is black, whereas before we managed to make it red. Is the .dark overwriting it somehow??

    I did ask the theme author about the .dark style and why it seemed to be overwriting, but no answer so far. He seems to have gone a bit AWOL…

    Opps, sorry – my mistake. I put the p style back in as we had it before (blue not red), so all’s well.

    Just the shadows & corners to remove – if you don’t mind helping with that? I will try to figure out the image thing myself/chase the author. But thank you so much, you have no idea how long I’ve been trying to sort this page out. You’re a star!!

    Thread Starter Meanderling

    (@meanderling)

    Thank you 🙂

    All the copy needs to be #244366 – I can change the p with your code, but still need to change h1 and h2 (the lists are showing as blue anyway).

    I need to reduce the space between h1 and h2 – the code inspector says media=”all”, so I assume this applies to all h tags, but the code I tried earlier didn’t work.

    I’m going to try to remove the corners & shadows (for this page only), you’ll probably see how that goes in a minute…

    Beyond that, it’s just a question of getting the images to display correctly/responsively. Did it make sense what I said earlier, about the images stacking around the copy?

    Thread Starter Meanderling

    (@meanderling)

    I tried h1.dark, but that didn’t work either.

    Please excuse the state of the page, I’ve been trying to figure out how to get the theme’s pagebuilder to build the grid I mentioned earlier (haven’t quite got there yet) – the row colours were so I could see where they start/finish (everything will be blue eventually).

    http://lpgdesign.co.uk/practice/welcome-3/

    Thanks again for your help!!

    Thread Starter Meanderling

    (@meanderling)

    Hi WPyogi,

    Woohoo! Some hope has been restored, thank you so much!!!

    I added your code (using my page ID) to my child style.css and it worked – hoorah! But doing the same to the page’s h1 margins did not 🙁

    Using the inspector, I can change things manually and see the results, but copying the changed code to my css file didn’t work on the margins. Any idea why?

    The code I added is below:

    .page-id-95 p {
    color: red;
    }

    .page-id-95 .dark h1 {
    color: red;
    margin-top: 0px;
    margin-bottom: 5px;
    }

    I’m no coder, but I get the general idea 🙂 I completed the Codeacademy CSS tut a while ago and use the Chrome inspector to see what’s going on in a page. I’ve used it to customise bits of my theme already, but customising a single page has proved beyond me so far…until now (I hope).

    Thread Starter Meanderling

    (@meanderling)

    @andrew
    The codex description made me think it needed to be registered and that was confusing me…
    ‘A safe way to add/enqueue a CSS style file to the wordpress generated page. If it was first registered with wp_register_style() it can now be added using its handle.’

    @wpyogi
    Ooo, that looks do-able… So, am I right in thinking that I can just list all of my styles for the landing page between the curly brackets shown in your code? Or must I use the page id selector for each style I want to overwrite? Also how do I then call the CSS or is this done simply by calling the page(id)?

    Sorry these are such super simple questions, but if you don’t know, getting past them is impossible…

    Thread Starter Meanderling

    (@meanderling)

    Thanks Andrew, don’t I also have to register the CSS style file first? How do I do that?? The codex examples show an inside and outside php class… Again, the words are English, but I have no idea what they mean 😉

    Thread Starter Meanderling

    (@meanderling)

    Hi WPyogi (good name!),

    Thanks for your input – they sound like definite options, but I still don’t know how to do them (sorry – oh to be a coder!). I’m sure they can be done with my theme, just not sure how…

    The theme I’m using does allow for custom css and uses pagebuilder to create new pages. Within pagebuilder, I am also able to add an extra class to each (blox) row element. I think this is the way to do what you’re suggesting – I can add the custom css, but I don’t know how to call it for the element. I tried adding #landing (as the id I’d added to the custom css) to the extra class element, but that didn’t work – so I must be doing it wrong?

    My changes are really simple, things like font colour, size, top/bottom padding, etc. It’s a really simple page, which has caused me no end of grief.

    To give you an idea of what I’m after, if I were building it back in the old days, I would simply plonk a table with 2 cols, 7 rows and centre it. Each row has 1 cell of copy and 1 with an image in it, the image slices form the full background image. Before we went all responsive, the images would have been ‘backgrounds’ to their respective cells. Now I think they need to be placed on the page, so that they stack neatly around the copy when the page scales.

    Does this help??

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