WordPress.org

Forums

Jetpack by WordPress.com
[resolved] Override Jetpack CSS for Contact form and Tiled galleries (6 posts)

  1. Mr Eddy
    Member
    Posted 2 years ago #

    Hi,

    I would like to customize Tiled Galleries CSS. Not a big deal, but I have wide pages on which I added galleries. And they are stick to the left side. Would be nicer IMO to center them. I changed their width to 600px using $content_width already.
    All I need is to change margins from
    margin:0;
    to
    margin:0 auto;

    But if I add this in the Custom CSS offered by jetpack, grunion.css still override my custom.
    How can I avoid it ?

    On another website, I have a similar problem. The contact form's text area is set to 80%. But on a 950px page wide, it looks weird and doesn't fit as I would like with an image I added.
    Changing it to 50% would be perfect.

    But same issue, grunion.css is still overriding my custom CSS.

    How can I do this ?

    Regards,

    Eddy

    http://wordpress.org/extend/plugins/jetpack/

  2. Mr Eddy
    Member
    Posted 2 years ago #

    Or is it impossible ?

  3. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 2 years ago #

    You should be able to overwrite CSS styles by being more specific in your CSS declarations.

    You can also use !important to give higher priority to your styles.

  4. Mr Eddy
    Member
    Posted 2 years ago #

    Okay, being more specific worked. But if I was to have multiple contact form, it would have been a little long to apply since I had to use :

    #contact-form-comment-1622-yourmessagevotremessage { width:50%; }

    1622 being the page's id where this contact form is located.

    So I tried

    !important

    and it worked too. So Used this last option which does perfectly the job for the contact form AND the mosaic I wanted to center.

    Thanks a lot for your quick help :)

  5. Tracy Rotton
    Member
    Posted 1 year ago #

    I'm just running into a similar issue to this on a project today.

    If the answer to any CSS question is ever "use !important," then someone (ahem, Jetpack) is doing it wrong.

    Unfortunately, at the moment that seems to be the best, quickest solution to my particular problem, and I'm not happy about it. :-(

  6. esmi
    Forum Moderator
    Posted 1 year ago #

    @Tracy Rotton: If you require assistance then, as per the Forum Welcome, please post your own topic. This topic references an old version of WordPress.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Jetpack by WordPress.com
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic