Edit HTML for the theme

  • Resolved rishavgupta

    (@rishavgupta)


    6 years, 9 months ago

    Hi Veda,

    I wanted to edit default HTML on individual pages, like margins, space etc. But I’m unable to find the code for HTML( I am not pro in wordpress but know HTML/CSS). Could you guide me where I can find HTML in your theme to edit and personalize for usage?

    Some of the use cases to edit HTML are like-
    One example is I wanted to reduce margin between nav-bar and site-content( for desktop it is set to 3.5rem, and I wanted to reduce to 1 rem)
    Other is change size of featured image to let’s say full page; create columns in page structure like col-md-5 and col-md-7 for different contents and fixing one content on top.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Veda

    (@vedathemes)

    6 years, 9 months ago

    Hi,

    Since WordPress themes are written mostly in PHP, therefore it is not possible to get all HTML at one place. To create dynamic pages, HTML is fetched from many different files using action and filter hooks. However, you can start looking at following files,
    header.php, index.php , footer.php, inc/constructor.php and all files in template-parts folder.

    However, this is NOT the best way for your purpose. If your purpose is to make CSS only changes, then you should use browser’s Inspect element to get element’s correct CSS selectors and write custom CSS in Appearance > Customize > Additional CSS (in WordPress Dashborad). Once you learn it, you can modify almost any theme without much efforts.

    I have compiled a list of tutorials to get you started,

    Understanding Inspect Element

    Understanding CSS Selectors



    Hope it will help.

    Thread Starter rishavgupta

    (@rishavgupta)

    6 years, 9 months ago

    yep, it will surely help, let me try it!

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

The topic ‘Edit HTML for the theme’ is closed to new replies.