Custom template not allowing links

  • Lesley

    (@cornucopia-design)


    12 years, 4 months ago

    First off, can I just say I am not a techie, just a designer struggling with new technology so I am not familiar with very technical terms!

    I’ve created a template called homepage.php which I have applied to my home page (surprisingly). The main purpose was to change the appearance of the ‘content’ div on that page only. I just duplicated the page.php file and renamed it. Then I renamed ‘#content’ to ‘#content-home’ and ‘entry-content’ to ‘entry-content-home’. I then wrote a css style for #content-home in my child style.css file. All fine up until now and displays as I want it. However, with this template applied, the links in my content area are not selectable (all the links elsewhere on the page are fine). Please see https://1056618737.test.prositehosting.co.uk . If I reapply the standard page.php template, the links become selectable again. When I look at it in Firebug with homepage.php applied, it seems that the sidebar widgets are ‘masking’ the main content area. If I ‘push’ them out of the way, I can get to my links. The problem seems to be in the renaming of the divs in the template but without doing that, how can I specify a separate style in the css?

    I have created two sample pages with the same content. https://1056618737.test.prositehosting.co.uk/lesleys-test-page-default-template/ has the default template applied and works fine but https://1056618737.test.prositehosting.co.uk/lesley-test-page-homepage-template/with homepage template applied does not allow me to select the links (text and image) (ignore that the top is chopped off… because of the homepage css).

    I have literally been staring at this for days and I am absolutely stumped. Please can anyone help? It is probably something very obvious but I can’t see the wood for the trees. Any help would be really appreciated.

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)

  • Remove the following from .container {width, margin-right}.
    Set .primary {margin-left: 0}

    Thread Starter Lesley

    (@cornucopia-design)

    Thank you so so much JungleSpace! I would have never worked that out for myself in a million years (despite already having wasted 1.5 days inspecting every bit of code and css).

    Just one quick further question: I am using a child theme stylesheet. How do I denote the removal of a style (eg where you’ve said remove .container {width, margin-right}). I have had to do it in the main stylesheet for now, just by deleting it. It doesn’t seem to work putting ‘0’ or ‘none’ in the child stylesheet, which I realise is not necessarily the same thing.

    Thanks again for your help.

    In child css:

    for width – try set to auto;
    for margin-right – set to 0;

    Thread Starter Lesley

    (@cornucopia-design)

    You are my hero! Thanks so much for your help.

    Thread Starter Lesley

    (@cornucopia-design)

    oops, sorry…. or heroine!!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Custom template not allowing links’ is closed to new replies.