Custom CSS tutorial

  • Resolved bondimedical3

    (@bondimedical3)


    2 years, 3 months ago

    How can I add custom CSS to a particular page with this plugin. For example I have the following CSS which I would like to add to the page https://seoace.com.au/contact-us/

    .column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */

.row:after {
  content: "";
  display: table;
  clear: both;
}

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Mircea Sandu

    (@gripgrip)

    Hi @bondimedical3,

    In order to add those styles to a particular page you can follow these steps:

    1. Create a new custom HTML snippet (default code type).
    2. Add your code between <style> tags.
    3. Select auto-insert location Site Wide Header or Site Wide Footer.
    4. Add conditional logic as needed to target just the page you want, in your case you can use the page URL rule + contains “contact-us”.

    Your full code should be:

    <style>
.column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */

.row:after {
  content: "";
  display: table;
  clear: both;
}
</style>
    • This reply was modified 2 years, 3 months ago by Mircea Sandu.
    • This reply was modified 2 years, 3 months ago by Mircea Sandu.
    • This reply was modified 2 years, 3 months ago by Mircea Sandu.

    @gripgrip Best solution, this is work for me.

    I love your conditional login, it is not need to load the code every time without my particular page I need to.

    Thank for the best work

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom CSS tutorial’ is closed to new replies.

Tags