Can't make menu to center, bigger logo is out of center

  • Hi, I am a non-developer, just start with my site with CSS child theme. I have looked for solutions for my problem from both forum and snippets but I couldn’t do it.

    Here is my site: I managed to get the logo to the center but it’s move to the right when I increased the site. And logo doesn’t fit the height of the area. (the logo should be a ball). How can I change the height and make it in the center regardless of size?

    The menu, I tried the code in this snippet but it doesn’t move to the center. I have no idea how to change it.

    The tag line, I tried this to change the color but it doesn’t work. Any suggestion?

    Please help me with these issues. Tks a lot!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter violasrose

    (@violasrose)

    Sorry, I don’t know why the link disappeared!
    My site: https://capturedesign.pro
    Snippet to center things: https://www.themesandco.com/snippet/center-header-block-items/
    Snippet to change tag line: https://www.themesandco.com/snippet/change-features-tagline/

    Thread Starter violasrose

    (@violasrose)

    I fixed the problem with centralizing logo and menu, but the height of logo area I still don’t know how to change it ??

    The logo is HUGE! (1216×727)

    a) You could use a photo editor (eg Photoshop) & reduce it.

    b) You could resize using CSS (but the huge image will be downloaded to mobiles if you do this)

    .site-logo > img {
  width:  50%;
}

    Thread Starter violasrose

    (@violasrose)

    Thanks, I got it! Still have problem with changing tag line color, I use this code but it doesn’t work ??

    .navbar-wrapper .navbar h2 {
    color: #5F9EA0;
    }

    Can you help me?

    Hello! I’m assuming you are referring to changing the color of “We Create The Best Visualization Of Your Idea”?
    (By the way…in your tagline there is a mis-spell…change “you” to “your” ??

    Try pasting this into your Custom CSS:

    /*Change Tag Line Font Color*/
    h2.site-description {
    color: #5F9EA0;}

    Thread Starter violasrose

    (@violasrose)

    Wow thank you!! I have another question, how can I change the font and the format of the text (bold/ italic) in tag line?

    I tried the snippet “Change the features of the Tagline”

    .navbar-wrapper .navbar h2 {
    /* Change (red) font color */
    color: red;
    /* Change (Garamond) font family */
    font-family: Garamond;
    /* Change (20px) font size */
    font-size: 20px;
    /* Change (19%) move to left */
    padding-right: 19%;
    /* Change (normal) italic-normal-oblique */
    font-style: normal;
    }

    BUT it doesn’t work ??

    I’ll take a look and fix that.

    You need:

    h2.site-description {
  font-family: Garamond;
  color: #0088CC;
  font-size: 18px;
  font-style: italic;
  line-height: 20px;
  padding-top: 0;
}

    Thread Starter violasrose

    (@violasrose)

    Thank you!!

    You can get a free program called PIXresizer that is fabulous for downsizing images!! Good luck on your site!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Can't make menu to center, bigger logo is out of center’ is closed to new replies.