Login With Ajax
[resolved] Center Widget Header text... (2 posts)

  1. steve02a
    Posted 2 years ago #

    Thanks to another user, he mentioned to me how to change the text of the header from default to whatever text I want.

    This information was located in the widget_out.php file.

    Now I'd like to center the text.

    Here is the code from the widget_out.php file:

    	if( $is_widget ){
    		echo $before_widget . $before_title . '<span id="LoginWithAjax_Title">' . __('Existing Customer Log-In') . '</span>' . $after_title;

    Since this is included in a <span> tag, I can't really use a text-align:center (this would be suited for a <div> tag.

    I tried changing the <span> to be:
    <span id="LoginWithAjax_Title" class="login">
    Then I added a little snippet of CSS code:
    .login {text-align: right;}

    But that didn't work. I tried text-aling: center too. Didn't work.

    Would anyone know how I can center this text?


  2. steve02a
    Posted 2 years ago #

    Nevermind this question. I solved it.

    I put a <div> tag right after the tick (') mark of <span>.

    <div id="login2"><span id="LoginWithAjax_Title">' . __('Existing Customer Log-In') . '</span></div>

    Then I added the ID "login2" to css and formatted it in CSS.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Login With Ajax
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic