I'd like to change the appearance of the Blockquote
Quote from AllSaints on March 13, 2018, 9:25 amHello, 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…
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:Quote from Bryan on March 13, 2018, 10:29 pmThat 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 amHello, 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.
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 amHello, 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.
Quote from AllSaints on March 15, 2018, 9:24 amThanks 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?
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?
Quote from Asgaros on April 3, 2018, 8:05 amHello @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.
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.
Quote from AllSaints on April 3, 2018, 9:20 amThanks!
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?
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?
Quote from Asgaros on April 3, 2018, 9:28 amYes, a test-account would be great.
Yes, a test-account would be great.
Quote from AllSaints on April 3, 2018, 10:15 amQuote from Asgaros on April 3, 2018, 9:28 amYes, a test-account would be great.
Username: Asgaros
Password: YOzUuXDr)u5yQdHGTsmBql@%
Quote from Asgaros on April 3, 2018, 9:28 amYes, a test-account would be great.
Username: Asgaros
Password: YOzUuXDr)u5yQdHGTsmBql@%
Quote from Asgaros on April 3, 2018, 10:28 amYour 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.
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.
Quote from AllSaints on April 3, 2018, 6:51 pmThanks, 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
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
Quote from Asgaros on April 3, 2018, 8:01 pmHere 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; }
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; }