need help with aligning my logo to the top left!!

• 

  archriskoff · Member · Aug 8, 2016 at 4:42 pm

  • Copy link
  • Add topic to favorites

  Hello, i need some CSS help!
  1. Aligning my logo to the top LEFT side of the screen (instead of the right..)!
  2. Is it possible to align the Main Navigation Menu to the center?
  3. Is it possible to change the color of a “turned” pic on the Homepage instead of the Blue to this color : #fb50bf ?

  Thank you!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 9, 2016 at 8:06 pm

  • Copy link

  Hi there,

  . Aligning my logo to the top LEFT side of the screen (instead of the right..)!
  2. Is it possible to align the Main Navigation Menu to the center?

  The following will left align your logo and center your navigation. Make sure and check in a phone and in a tablet to make sure nothing goes awry. In my testing, everything looks good though.

  .site-branding {
    float: left;
    margin-left: 0 !important;
  }
  .site-header-content {
    margin-left: 0 !important;
  }
  .site-nav {
    width: 100%;
    text-align: center;
  }

  3. Is it possible to change the color of a “turned” pic on the Homepage instead of the Blue to this color : #fb50bf ?

  .portfolio-card-overlay {
      background-color: #fb50bf;
  }

• 

  archriskoff · Member · Aug 18, 2016 at 6:34 pm

  • Copy link

  Thank you for your answers!!

  I have a very important question regarding my “inner” pages:
  I would like to change the width of my “inner” pages to the full width of the screen, is it possible? it’s very important to me! If so, what line of Html/CSS Code i need to write in each inner page’s command window?

  One more little question: on my Homepage i would like the color of the text on the “turned” pic, to be black (instead of white..), what should my CSS Code need to be?

  Thank you a lot!!

• 

  thesacredpath · Member · Aug 19, 2016 at 4:01 am

  • Copy link

  Hi there, on the page width, if you are using images only, then that can be done, but if you are going to be using text and images, it is always best to keep text at 500-750 pixels in width for easy reading. Very long lines of text are difficult for the eye to follow when trying to come back to the beginning of the next line.

  I clicked on a number of your menu items and did not find any pages with any content at all, so it is a bit difficult to work out the code. If you can point me to a page that has content, I will see what I can do on that.

  On your home page, this will change the hovered text title to black.

  .portfolio-card-title {
      color: #000 !important;
  }