Okay
  Public Ticket #905928
3 issues Logo positioning and Text Color change on hover
Closed

Comments

  •  2
    Logan Stark started the conversation

    Hello I would appreciate some assistance with this mock up that I am currently creating.

    1) I need to move the logo to the all the way to the left. (similar to the way it looks when left is selected from the header options but I need it the menu in it's current position (horizontal at the top.) 

    2) I need to change the menu text from white to another color. I can't seem to get the color to stay. The changes I've made only seem to affect the other pages not the home page.

    3) Finally I need to change the text on hover color from white to another color such as gray but I don't know where to edit the file for this.

    Thanks in advance.


    Best Regards,


    Logan

  •  895
    TheFox replied

    Hello Logan, thanks for purchasing Thefox!

    1. I am not sure to understand what you want to do, could you please try to add this custom css ( thefox > styling options ) : 

    header .wrapper { overflow: inherit; width: 100%; padding: 0 40px; }

    And see if this is what you wanted to do.

    2. For the homepage you are using the "Transparent header" ( http://thefoxwp.com/wp-content/themes/TheFox/includes/documentation/thefox_documentation.html#create-page-transheader )

    To change the header transparent text color add this custom css :

    .transparent_header nav > ul > li > a, .transparent_header .cart-content, .transparent_header nav > li.current-menu-item li a, .transparent_header #searchtop_img .fa-search, .transparent_header .header_si a, .transparent_header #nav_button:before { color:#ffffff !important; }

    You need to change the ffffff to the color code you want to use.

    3. If you are talking about the header / menu color then you can edit it from Thefox > Header styling then change the current text color.

    Do not hesitate to contact us if you have more questions.

    Regards.


  •  2
    Logan Stark replied

    Thank you very much for your reply.

    You nailed the first two issues. They have been resolved I really appreciate it.

    The 3rd one is still out standing. I am attaching a picture of what I mean.

    When you Hover over one of the circles the text will display on hover. 

    This text is white, however it is not clearly visible on the last one image so my client asked that I change the color to gray. and move the text to the bottom lower further down so its not covering the face in the picture.

    She also requested that I add a color behind the text. Is that possible?

    I would appreciate it if you could provide me with is the code code to do that.

    Thank you in advance.

    Logan

  •  895
    TheFox replied

    Hello Logan,

    Glad to have been able to help you!

    Unfortunately if you to add background color, change position and text color this would require custom css and maybe modification concerning the background color, our support doesn't cover customization work.

    To change the text color I think you should be able to do it easily, using chrome browser, make a right click on the text and click inspect element, a new window with the class you need to modify should appear.

    Then you just need to add the custom css to change the text color.

    Also when we try to access the related url it says "this account has been suspended" so we can't reach your site currently.

    Do not hesitate to contact us if you have more questions.

    Regards.


  •  2
    Logan Stark replied

    Thank you for the information. I totally understand what you are saying. 

    I will try the inspect element tidbit. I would also like to that you for informing me about the account suspended, I resolved that matter. 

    I appreciate the support guys.

    Logan

  •  895