Custom page layout and CSS.

  • Anthyx

    (@anthyx)


    11 years, 7 months ago

    Hi,

    First of all, I’m using a twenty-eleven child theme. 🙂

    I would line to create custom pages using html and css.

    Since I want just to hand code, I have disabled the “visual” tab, since it causes problems modifying my code.

    Problem is that when I write something, even simple like this:

    h1 {color:red;}
    or
    p {font-size:26px;}

    Absolutely nothing changes in the page layout.

    Is it something due to default theme values? If so, is it possible to bypass these values using, for example, a “reset” of some kind?

    I’d like not to use axternal css files and put everything inside each single page code if possible.

    Many many thanks in advance.

    Ciao

    Antonio

Viewing 1 replies (of 1 total)
  • Thread Starter Anthyx

    (@anthyx)

    11 years, 7 months ago

    I might add that if I add the styles inside each tag, it seems to work quite well. Every style inside <styles> (classes included), does not seem to work.

    I’ve also found a “reset” that helps me partially. Here the code I’ve placed in a WP page so far:

    <style>
    aside, article, section, header, footer, nav {display:block;}
    html, body, div, h1, h2, h3, p, ul, li, img {margin:0; padding:0}
    </style>

    </head>

    <body>

    <section style=”margin-top:-10px”;>
    <h1 style=”font-size:18px; font-family:Verdana, Geneva, sans-serif; color:rgba(200,0,0,1.00); font-weight:normal;); text-shadow: 1px 1px 1px rgba(0,0,0,.2);”> <img style=”margin-top:5px” src=”http://webfoodculture.com/wp-content/uploads/2014/09/obj_square01.jpg&#8221;;> L’asado del gaucho argentino.</h1>
    </section>

    </body>

Viewing 1 replies (of 1 total)

The topic ‘Custom page layout and CSS.’ is closed to new replies.