Viewing 3 replies - 1 through 3 (of 3 total)
  • You can do this by 2 ways…
    With HTML in your template or CSS in your style sheet.

    To place 2 thin lines using HTML code, use the HTML <hr> tag like this :

    <hr>
    {Your WordPress PHP Meta}
    <hr>

    Or using CSS by adding border-top:1px solid white and border-bottom:1px solid white in your WordPress PHP Meta container.

    Thread Starter flo2304

    (@flo2304)

    But I also need to get information from custom fields (price, url) and the categories. Do you know maby a step by step tutorial for this.

    Here again the example

    Thanks

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try using a browser developer tool for this kind of exploratory CSS work.
    I use Google Chrome’s built-in Developer Tool and it’s really easy to expose the webpage’s underlying HTML and CSS.

    Now that you know the style, from being exposed by the Developer Tool, you can add a new style to override it.

    You ought to add new styles externally, not within the theme’s files. Changes to the theme’s files will compromise the theme and be compromised when the theme updates.

    External changes can be made using a Child Theme or through a plugin that provides Custom CSS functionality.

    I recommend using the Jetpack plugin and its Custom CSS functionality to hold your CSS modifications.

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

The topic ‘Styling the Archive page’ is closed to new replies.