Bullet Point Alignment and Solid Lines

Discussion in 'Poloray WordPress Theme' started by drennoa, Aug 12, 2014.

  1. drennoa

    drennoa Member

    Joined:
    Jul 21, 2013
    Messages:
    33
    Likes Received:
    2
    Hello,

    Could you please let me know if it is possible to make the following changes as shown in the image?

    1. Can the site map menu be aligned so the bullet points are justified?
    2. Change the dashed lines to solid?
    Thank you for your time and expertise.

    Main page overhaul.PNG
     
  2. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Go to Appearance > Theme Options > Styling Options > Custom CSS
    And paste following code in Custom CSS and press Save All Changes button.
    Code:
    .footer_wrapper_top .footer ul {
    text-align:left;
    }
    .footer_wrapper_top .footer h4 {
    background:none;
    border-bottom: 1px solid #A9A9A9;
    }
    This will solve your issue.

    Thanks & Regards
    Yogesh Bhade
     
  3. drennoa

    drennoa Member

    Joined:
    Jul 21, 2013
    Messages:
    33
    Likes Received:
    2
    The lines changed to solid but the text did not align. Any Suggestions?

    Thank you for your help.
     
  4. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello Drennoa,

    We have got your concern please send us your website link so that, we can have a look over the issue in details.

    Thanks & Regards
    Yogesh Bhade
     
  5. drennoa

    drennoa Member

    Joined:
    Jul 21, 2013
    Messages:
    33
    Likes Received:
    2
  6. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello Drennoa,

    Go to Appearance > Theme Options > Styling Options > Custom CSS
    1. Delete following code from Custom CSS.
    Code:
    .footer_wrapper_top .footer ul {
    text-align: center;
    }
    2.Now paste following code in Custom CSS and press Save All Changes button.
    Code:
    .footer_wrapper_top .footer ul {
    text-align: left;
    margin-left: 168px;
    }
    @media only screen and (max-width: 480px) {
    .footer_wrapper_top .footer ul {
    text-align: left;
    margin-left: 20px;
    }
    
    }
    This will solve your issue.

    Thanks & Regards
    Yogesh Bhade
     

Share This Page