Where to find Div Class?

  • tangkiajimmar

    (@tangkiajimmar)


    6 years ago

    Hi Guys,

    Im quite new to WordPress and just trying to create\add a new page on our existing wordpress website.

    I am basically just copying the lines on an existing page and using it as some sort of template and removing the other info’s not needed.

    My question is whenever I edit lines on <div class> it actually affects the whole portion of that div.

    A sample would be this.

    <div id="sticky-start" class="hero general about-us">
    <div class="row">
        <div class="small-12 medium-12 large-10 column large-centered">
            <div class="new-logo"><span class="show-for-sr">New</span></div>
            <h1>New Page</h1>
            <p>New page being created</p>
        </div>
    </div>

    If i edit the line “class =”hero general about-us” it basically makes the whole div dissapear on the page. I was hoping to find that div class to see if i could edit the background image on it, cause theres an image on it and texts are being layout on it.

    Can anyone give me some insights on this? Thanks

    • This topic was modified 6 years ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic
Viewing 3 replies - 1 through 3 (of 3 total)
  • Joy

    (@joyously)

    6 years ago

    Are you copying from the front end of the site or from inside the editor?
    Typically, the theme will add classes to some parts of the page to get the layout that the theme provides, and the class’ style definition is in the theme style sheet.
    But if it’s in the content of the other page, then whoever created the page probably created the class style definition (unless you are using a page builder plugin).

    Thread Starter tangkiajimmar

    (@tangkiajimmar)

    6 years ago

    Hi @joyously

    Thanks for the reply.

    I am copying from inside the editor.

    I am just quite confused where it actually gets the layout, you see when I am editing the line

    <div id=”sticky-start” class=”hero general about-us”>

    with lets say

    <div id=”sticky-start” class=”hero general info”>

    the layout\background image for it gets changed to what the image is for the Info page.
    I am looking for where that setting is stored? so that i could clone it and set it on the new page i am creating.

    Apologies if im not making any sense, new to using WordPress.

    Joy

    (@joyously)

    6 years ago

    It’s in the content, so there must be custom CSS for it somewhere. I would first look if you are using a child theme, to look at its style sheet, and if not then look in the Customizer > Additional CSS or any plugins you have for adding CSS.

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

The topic ‘Where to find Div Class?’ is closed to new replies.