Adjustment regarding

  • Author
    Posts
  • #162454
    ssccglapex
    Member

    Dear Sir,
    Please see this post link;

    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.
    Please make it like desktop.
    Please provide,
    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;
    }
    

    Please note, that each of your answer is wrapped within a paragraph: https://snipboard.io/fbplkS.jpg

    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:

    
    .answer-block {
      width: auto;
      border: 1px solid black;
      overflow-x: auto;
      padding: 20px;
    }
    

    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.