• Author
Posts
• #162454
ssccglapex
Member

Dear Sir,

The compound interest on Rs. 30,000 at 7% per annum is Rs. 4347. The period (in years) is:

Other question:
Here, I see that B option is not close.
Please close it to the option like other.
Please fix the container height, width, padding etc. like the desktop view.
In mobile view, the content is not fit in container but fit in desktop.
DIV and regarding CSS.

The blog I need help with is: (visible only to logged in users)

#162466
tarasdashkevych
Theme Author

Hello,

“I see that B option is not close.”
– The reason why you see these spaces is because you are using the math functionality which comes from a WordPress.com core. By default, this section comes with spaces (above and below). See a screenshot: https://snipboard.io/9R1UrZ.jpg

If you want to eliminate these spaces, you can use this custom CSS:


.entry-content .MathJax_Display {
margin-top: 0;
margin-bottom: 0;
}


By default, the paragraph has a bottom spacing. If you do not want to have a bottom spacing then you can wrap your answer withing a DIV.

“In mobile view, the content is not fit in container but fit in desktop.”
– If you are referring to the answer container (https://snipboard.io/89PqiQ.jpg) then it will have the same width as the content area in mobile views.

The math output is designed to be displayed in the single line, meaning it does not break into multiple lines in smaller screens. This is the reason why you’ve seen overflow issues in the container.

You cannot have the same layout as it’s shown on desktop due to a limited place in mobile views.

If you want to add padding to your container then you can replace you current CSS for the container with this one:


width: auto;
border: 1px solid black;
overflow-x: auto;
}


Please let me know if you have any additional question regarding this topic.

Kind regards,
Taras

#162470
ssccglapex
Member
Original poster

Dear sir,
CSS is not working for the Wrap text, See another Post;
https://ssccglapex.com/the-difference-between-simple-interest-ans-compound-interest-on-rs-p-at-r-p-a-in-2-years-is/

As you suggest me that I can use DIV for answer Wrap or text wrapping but How to use the DIV.
DIV can not use in paragraph but I have written an answer in normal block.
Can I use html block to write the answer ans question? Here I can use the DIV tag.
Or another option…
Please guide me, How to write the div and where we will put that.
Thank you.

#162489
tarasdashkevych
Theme Author

Hello,

“CSS is not working for the Wrap text, See another Post;”
– The CSS provided in the previous post works as expected. It removes top and bottom margins from the math text output. See a screenshot: https://snipboard.io/hRUtuF.jpg

“As you suggest me that I can use DIV for answer Wrap or text wrapping but How to use the DIV. Can I use html block to write the answer ans question?”
– You are totally correct. In order to use a custom HTML element, you’ll need to use HTML block.

The problem is that I am not sure if you will be able to add that math functions to the HTML block.

Alternatively, you can create a custom CSS class along with custom styles which will eliminate bottom margins from the element. For example, you can use this custom CSS:


.remove-bottom-space {
margin-bottom: 0;
}


Then, add this custom CSS class (remove-bottom-space) to the paragraph block. See this documentation on how to add a custom CSS class to a WordPress block: https://wordpress.com/support/adding-additional-css-classes-to-blocks/

Hope this helps. Please let me know if you have any additional questions regarding this topic.

Kind regards,
Taras

• The topic ‘Adjustment regarding’ is closed to new replies.