Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #7148

    Hello, I recently purchased Corona and I’m loving the theme so far. Everything is great about it, usability, short codes etc.

    However I have few issues I was not able to work out myself.

    1) Text alignment in posts and pages:

    Here is the main page for the site:

    As you see, below the main slider I inserted a page content (about page). How do I set the default text alignment to “justify”? (so the text begins and ends evenly. It should automatically add spaces between words)

    It is not in WordPress options (when you edit the page, WordPress only has Left, Center and Right alignment), and I played around with the stylesheet a bit but couldn’t change much.

    I made the page to be columns 2/3 and 1/3 and I need that 2/3rd to be filled out nicely and lines not end abruptly.

    2) On the top menu, if you hover over “Services”, we have 2 dropdown menus (new construction and remodeling), can I change the background color of the dropdown boxes? And if you hover over New Construction, 4 more menu options slide out, and I would like to change the colors as well (they can be same color). Our client thinks they are hard to see and distinguish when the dropdown menu pops up.

    Can I change the background color for the dropdown menus boxes? Can I adjust the font color of those boxes?

    Thank you so much lads, keep up the good work!


    3) On the main page, the “Contact Information” section:

    Is it possible to make <h3> text (Phone, Fax, Email) and regular paragraph text to be on the same line?



    I see you’ve solved your first question.

    For the second question add the following to your custom.css:

    #top #header .main_menu .menu .submenu_available > a {
    background: #FF0099;
    color: #FFFFFF;

    #top #header .main_menu .menu .submenu_available > a:hover {
    background: #000000;
    #top #header .main_menu .menu ul li a{
    background: #FF0099;
    color: #FFFFFF;
    #top #header .main_menu .menu ul li a:hover {
    background: #000000;

    Of course, you can change the colors and add color to :hover states too!

    I’m not completely certain what you mean with your third question but it seems you’ve already put it on the same line.

    Am I missing something?

    I hope this helps :)


    Hey! Yes you are right:

    1) I solved the issue by adding “text-align:justify;” to appropriate section. I added it to .content, #top .fullwidth .template-blog.content

    and it worked. But I had to add “text-align:left;” to the columns section in CSS since the columns look better unjustified.

    2)Awesome thanks!

    3) I just made a 2 column HTML table and placed the elements there, instead of messing with the font spacing.



    Thanks for sharing your solutions.

    Glad that I could help :)

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Text Alignment and Dropdown Menu Color’ is closed to new replies.