Regarding text Adjustment in left side

  • Author
    Posts
  • #162482
    ssccglapex
    Member

    Dear Sir,
    Please See this link for example;

    A sum of money becomes 7/4 of itself in 6 years at a certain rate of simple interest. Find the rate of interest.


    I am asking about the text which is in Centre but I want to adjust it in left side in laptop.
    The solution of all posts are showing in Centre in laptop, please adjust in left side.
    Thank you.

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

    #162491
    tarasdashkevych
    Theme Author

    Hello,

    First of all, I can see that some elements in your solution container are manually set to be centered. See a screenshots: https://snipboard.io/CQWZai.jpg

    So, you need to remove this manually added adjustments from the elements in this container.

    Next, WordPress displays these math functions using a center alignment by default.

    To change it, please use this custom CSS:

    
    .entry-content .MathJax_Display {
      text-align: inherit;
    }
    

    Note, this custom CSS will only work if you remove your manually added alignment (see a screenshot above).

    Please let me know if you have any additional questions about this section.

    Kind regards,
    Taras

    #162495
    ssccglapex
    Member
    Original poster

    Dear sir,
    How to remove the Alignment

    I remove it from the web inspect, it is not being remove.
    How to remove manually
    Please guide me.

    #162500
    tarasdashkevych
    Theme Author

    Based on the screenshot:
    – In the first element — H3 — you need to remove class=”center”.
    – In the second element — DIV — you need to remove style=”text-align: center;”.

    “I remove it from the web inspect, it is not being remove.”
    – It has to be removed using the Editor within your WordPress dashboard. This is the same place where you have your answer container.

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

    Kind regards,
    Taras

    #162503
    ssccglapex
    Member
    Original poster

    Dear sir,
    In my answer Container, I have added only <h3 Class=”center”> and for DIV, <div class=”answer-block”> . What to remove from here.
    As you said to me that to open the WPdashboard editor, that means when open any post in block editor or Classic editor here I am seeing only these two type elements regarding H3 and DIV which is given above already.
    Please clarify again, where we will find to that elements and how will we find the WPdashboard editor for the same.
    If possible making a short video, please make that How to remove.
    Thank you.

    #162513
    tarasdashkevych
    Theme Author

    Hello,

    “If possible making a short video, please make that How to remove.”
    – Unfortunately, I cannot make a video because this section is only available on your site. I do not have this “answer” container along with the custom HTML elements on my site, since it’s a custom container which is not provided by WordPress by default.

    “I have added only <h3 Class=”center”>”
    – Please remove Class=”center” to keep only <h3>. The thing is that your Class=”center” aligns your title to the center.

    “In my answer Container, I have added only for DIV, <div class=”answer-block”> .”
    – Hmm.. I do not see this container on your posted link: https://snipboard.io/VIZ9ug.jpg

    Please see solution below on how to overwrite a custom alignment using CSS.

    Alternatively, you can use this custom CSS to force any alignments applied to the math function to be overwritten:

    
    .MathJax_Display,
    .MathJax_Display > .MathJax {
      text-align: left !important;
    }
    

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

  • The topic ‘Regarding text Adjustment in left side’ is closed to new replies.