How to Edit Parent Theme's HTML

  • Resolved drawyourpets

    (@drawyourpets)


    8 years, 9 months ago

    I need to edit my Constructzine parent theme. I need to make it so that the three boxes from left to right, obtain purple, green, and navy background colors.


    screenshot 1

    But in order to do this, I have to assign the boxes individual ID’s (they’re already assigned to class “box3”). When I go to inspect element, it looks like the source is “index” under wp-includes.


    screenshot 2

    But when I look in C-Panel via Hostgator and find index.php, I notice that it’s not the same file. Where can I find the correct index.html file, the one that I’m seeing under Inspect Element, so I can make these necessary changes? Thank you!

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

  • I need to edit my Constructzine parent theme. I need to make it so that the three boxes from left to right, obtain purple, green, and navy background colors.

    You’re talking about this theme? https://www.ads-software.com/themes/constructzine-lite/

    You can do that with CSS only, using :nth-child to select each box, no need for individual IDs:

    .featured .box3:first-child {
    background-color: #DF79E8;
}

.featured .box3:nth-child(2) {
    background-color: #BEF089;
}

.featured .box3:nth-child(3) {
    background-color: #7DBFF5;
}
    Thread Starter drawyourpets

    (@drawyourpets)

    Yes that’s the theme. I’d never heard of :nth child before (new to programming). Thank you. But still, is there a way to access the HTML file for constructzine-lite?

    If you want to see the template for the front page, check front-page.php file of the theme. You should see all 3 boxes there as well, and can add the IDs to them as you see fit.

    Thread Starter drawyourpets

    (@drawyourpets)

    Perfect. Thanks for the help!

    Please mark this as resolved if you have no more question regarding this. That would be much appreciated.

    Thank you very much!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to Edit Parent Theme's HTML’ is closed to new replies.