Text Alignment and Dropdown Menu Color

5 posts from 2 voices

• Started 1 year ago by Dannyk2012
• Latest reply from Chris Beard
• This topic is not resolved

Tags:

No tags yet.

1. 

   Dannyk2012
   Member

   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:

   http://tinyurl.com/7lp44pa

   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!

   Posted 1 year ago #
2. 

   Dannyk2012
   Member

   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?

   Posted 1 year ago #
3. 

   Chris Beard
   

   Hi,

   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 :)

   Posted 1 year ago #
4. 

   Dannyk2012
   Member

   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.

   Cheers!

   Posted 1 year ago #
5. 

   Chris Beard
   

   Thanks for sharing your solutions.
   Glad that I could help :)

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.