• Hello,
    For the life of me I can’t figure out several things with this theme and I really need someone’s help. A I’m trying to moving the grey bar up in the right hand corner, bring it down and center it and then set my logo on top of it. How can I change the font color of the titles of my pages? Or can I? Here’s the link to my page: https://www.longitgroup.com
    Thanks for your help.

    Sincerely,
    Tommy Long

Viewing 15 replies - 1 through 15 (of 16 total)
  • Have you created a child theme for this yet? If not any changes to the css will get overwritten if the theme is updated. It is also useful to be able to get back to a clean starting point after experimenting!

    Thread Starter lonto81

    (@lonto81)

    Martin,
    Yes I’ve created a child theme and followed all the steps about structuring all the files and folders within the child and parent theme appropriately but it still hasn’t done what I need it to? I also would like to remove the “Designed by Themes & Co.” in the footer area but haven’t had any luck thus far. I’m new to CSS and PHP, I’m still learning apparently lol. Any help would be greatly appreciated.

    Sincerely,
    Tommy Long

    Start with this Snippet which will help you Center the entire Header block.

    Title font color can be changed with:

    .page h1.entry-title {
    color: red;
    }

    Change red to what you need.

    Tommy,
    Just posted a suggestion but noted that you now have a much better answer while I was working on it!

    As for taking the credits out, I would check the terms of the GPL. With open source products it is always important to ensure that the original designer keeps some credit, they don’t tend to earn anything from the product itself apart from kudos and altruistic donations so its nice to link back to them in the footer.

    See this Snippet

    Thread Starter lonto81

    (@lonto81)

    Rdellconsulting,
    OK I got the logo and the nav bar place where I want them. Thanks for your help. I have another question. How can I change the background color? Everything I’ve tried has yet to work?

    Sincerely,
    Tommy Long

    rdellconsulting

    (@rdellconsulting)

    Thread Starter lonto81

    (@lonto81)

    rdellconsulting,
    Thanks so much for your help. I have another question and this will be the last I swear, how do I change the color of the social icons? I’ve looked everywhere in this forum and can’t find anything like it.

    Sincerely,
    Tommy Long

    rdellconsulting

    (@rdellconsulting)

    Try this to change the color of all icons:
    a.social-icon {color:red;}

    Individual ones can be changed with:
    a.icon-twitter {color:red;}

    The individual names are:
    RSS .icon-feed
    Twitter .icon-twitter
    Facebook .icon-facebook
    Google+ .icon-google
    Instagram .icon-instagram
    Wordpress .icon-wordpress
    YouTube .icon-youtube
    Pinterest .icon-pinterest
    Github .icon-github
    Dribbble .icon-dribbble
    LinkedIn .icon-linkedin

    I’ll add a Snippet for this…

    Thread Starter lonto81

    (@lonto81)

    rdellconsulting,
    Thanks for your help. Where do I add this code? I’ve tried putting in the custom CSS box in cutomizr but nothing happens. Also how can I do these things to the footer, a) change the text color and size, b) add my name to the credits? I tried the child theme route and couldn’t get it to work. Thanks in advance for your help. Your awesome.

    Sincerely,
    Tommy Long

    Thread Starter lonto81

    (@lonto81)

    rdellconsulting,
    I meant to also ask how can I change the color of the border right above the footer? Here’s my site: https://www.longitgroup.com.
    Thanks again.

    Sincerely,
    Tommy Long

    rdellconsulting

    (@rdellconsulting)

    So it wasn’t the last question ??

    Add a.social-icon {color:red;} to either CustomCSS Panel or Child Theme. Try it in the CustomCSS first, then when happy move it to the Child Theme. If not working, look at what you’ve done as I’d guess you’ve made a mistake – the code does work. Are you clashing with any other CSS in your Child Theme, for example?

    Use this Search to answer the Footer questions.

    Thread Starter lonto81

    (@lonto81)

    rdellconsulting,
    Yeah it wasn’t my last question. This website is giving me a headache. I seriously can’t figure out what I’m doing wrong but now when I try to change the footer text size or color of the social icons it does nothing. Here’s my custom css code (entered in the custom css box in customizr) before I entered any more trying to alter the footer text or social icon color, maybe you can help me figure out what I’ve typed in wrong or haven’t typed in yet, I know it’s something I did not the code. Thanks for your help.

    Sincerely,
    Tommy Long

    .format-icon:before {
    	speak: none;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      padding-right: 10px;
      opacity: 0.2;
      position: relative;
      top: 8px;
      display: none;
      font: normal normal 1.2em/1 'entypo';
    }
    /* Adjust the Slider Height */
    #customizr-slider.carousel .item {
    height:         224px;
    min-height:     224px;
    line-height:    224px;
    }
    .brand.span3 {
    display: block;
    float: none;
    margin: auto !important;
    width: auto;
    }
    /* Center the Tagline                                   */
    .tc-header .outside {
    display:    block;
    text-align: center;
    
    }
    /* Center the Menu (function remove_span9_navbar_display) */
    /* Center the Menu (function prevent_social_in_header)  */
    .navbar-inner .row-fluid .span7.site-description {
    display:    none;
    text-align: center;
    }
    .navbar-wrapper .navbar.notresp.row-fluid {
    float:      none;
    width:      127%;
    margin:     0 auto;
    }
    .navbar .navbar-inner {
    padding:    20px 0 0;
    }
    /* Header Social Icons */
    .navbar-inner .social-block {
    font-size: 2em;
    
    }
    /* Move SI to Right, adjust margins if needed   */
    .navbar-inner .social-block {
    float:          right;
    margin-top:     10px;
    margin-right:   0px;
    text-align:     right;
    }
    /* Adjust Menu (red) text color, (Garamond) font-family, (1.5em) font-size  */
    .navbar .nav > li > a, .navbar .nav > li > a:first-letter,
    .navbar .nav > li.current-menu-item > a,
    .navbar .nav > li.current-menu-ancestor > a {
    display:        inline;
    color:          #24598f;
    font-family:    Garamond;
    font-size:      2em;
    padding:        5px 7px;
    }
    /* Adjust to Gradient Background */
    .navbar-inner {
    background-image: -moz-linear-gradient(top, white, grey);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(grey));
    background-image: -webkit-linear-gradient(top, white, grey);
    background-image: -o-linear-gradient(top, white, grey);
    background-image: linear-gradient(to bottom, white, grey);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white' , endColorstr='grey' , GradientType=0);
    }
    /* Adjust the Header */
    header.tc-header {
    /* Adjust the (blue) background color */
    background-color:   #195ea3;
    /* Adjust the (red) top border style/color */
    border-top:         10px solid grey;
    /* Adjust the (green) bottom border style/color */
    border-bottom:      10px solid grey;
    }
    body {
    /* Adjust sitewide (#FAFAFA) background */
    background:         none repeat scroll 0 0 #c7d1db;
    /* Adjust sitewide (#5A5A5A) text color */
    color:              #5A5A5A;
    /* Adjust sitewide (14px) text size */
    font-size:          14px;
    /* Adjust sitewide (Garamond) font family */
    font-family:        Garamond;
    }
    /* Fix the White Rectangles */
    .round-div {
    border:             104px   solid #c7d1db;    /* black   */
    }
    footer#footer .colophon {
    background-image: -moz-linear-gradient(top, white, grey);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(grey));
    background-image: -webkit-linear-gradient(top, white, grey);
    background-image: -o-linear-gradient(top, white, grey);
    background-image: linear-gradient(to bottom, white, grey);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white'
    }
    acub

    (@acub)

    If you want to remove that line:

    footer#footer { border: none;}

    If you want to change it, change none with whatever you want. Consider reading this beforehand. There is also a list of all CSS border properties further down that page, which might come in handy.

    Thread Starter lonto81

    (@lonto81)

    rdellconsulting,
    Thanks for all of your help. I got it figured out where my CSS code was clashing. All I have left to do is add a menu on the footer nav bar with an email add and a phone number. Right after the copyright but for the life of me I can’t figure it out.

    Thanks,
    Tommy

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Problem with Logo & top bar’ is closed to new replies.