Side by side questions : Increasing pop up font size, aligning voting rows with question statements and placing text on the most left column

Hello, 

I am attempting to create a survey and need some assistance with :

1.Increasing pop up font size. I have the pop-up appearing but do not know how to change the font size. Code i am using for the pop-up is: 

Qualtrics.SurveyEngine.addOnReady(function() {
                document.getElementById('style~header~QID7~1').innerHTML= "This a test to see how this will look"          

    const popupMessages = {
        "q2o1info": "Test 1",
        "q2o2info": "Test 2",
        "q2o3info": "Test 3"
    };

    Object.entries(popupMessages).forEach(([id, message]) => {
        const el = document.getElementById(id);

        if (el) {
            el.addEventListener("click", function(event) {
                event.preventDefault();
                event.stopPropagation();
                event.stopImmediatePropagation();

                alert(message);

                return false;
            });
        } else {
            console.log("Could not find element:", id);
        }
    });
 

2.Adjusting the voting row so that is in line with the statement i want participants to respond to 

3.Adding text to the left most column but having the text not be squished into this space, thereby also adjusting the rest of the content contained within this column. 

Attached a picture, highlighting the described areas. 

Thanks for you advice.