Please or Register to create posts and topics.

I'd like to change the appearance of the Blockquote

Page 1 of 2Next

Hello, the forum’s good and works fine.  But.  I want to alter the appearance of the Quote box – it’s too big, too clunky.

I’m struggling to find where is the css for this?

Help, please…

Uploaded files:
  • Screenshot-2018-03-13-08.23.59.png

That CSS is under plugins > editor > Asgaros  Forum > Skin > style.css beginning around line 718. However, it is recommended to make any CSS changes to your site’s CSS under your theme CSS overrides… not the actual plugin itself. But seeing the native code will be helpful for you to determine what properties you want to override.

Yet I am wondering why your blockquote looks the way it does. The native CSS for Asgaros looks just like this:

Quote from AllSaints on March 13, 2018, 9:25 am

Hello, the forum’s good and works fine.  But.  I want to alter the appearance of the Quote box – it’s too big, too clunky.

I’m struggling to find where is the css for this?

Help, please…

I bet your parent (or child) site theme is overriding all of your blockquote styles. Again, use your global CSS override to adjust accordingly.

Thanks Bryan, your reply makes good sense to me but I’ve tried all those things – edit the global CSS, the theme’s CSS and the Asgaros CSS – nothing’s working!

Mysterious?

Hello @allsaints

Your quote-styles are overwritten by your theme or another plugin. If you can give me a link to your website I can have a look to apply some compatibility-style-rules in the next update.

If you made any changes to your css-files please ensure that you have cleared your cache (WordPress cache extensions and browser cache) to ensure that you load the latest files from your server.

AllSaints has reacted to this post.
AllSaints
If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

Thanks!

My site’s at http://www.allsaintsmarket-cambridge.org.uk/asg-forum/?view=thread&id=3 but it’s for Logged in Users only – Shall I make you a User?

Yes, a test-account would be great.

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!
Quote from Asgaros on April 3, 2018, 9:28 am

Yes, a test-account would be great.

Username: Asgaros

Password: YOzUuXDr)u5yQdHGTsmBql@%

Your theme seems to add a massive amount of css-rules to the blockquote-tag directly which I cannot fix in my plugin without the risk of some side effects. Some example:

blockquote p {
  font-size: 10px;
  line-height: 42px;
  margin: 20px auto;
  text-align: left;
  max-width: 500px;
  color: #333;
  display: inline-block;
  border-top: 10px solid #e8e8e8;
  border-bottom: 10px solid #e8e8e8;
  border-color:rgba(0,0,0,0.05);
  padding: 20px 0 10px 0;
}

A part of that code is responsible for the big gray borders for example. If you are used to CSS you can try to delete or modify it but I am not sure if its used somewhere else on your website.

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

Thanks, yes I can see there’s css coming from all directions on this!  I’ve been brutal and deleted a few of them.  It’s still not quite right, but at least I’ve got rid of the ugly stuff.

Thanks again,

Jon

Here some additional css-rules which could be useful:

blockquote p {
    font-family: inherit !important;
    text-transform: none !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: inherit !important;
}

 

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!
Page 1 of 2Next