Collective theme miscellaneous

• 

  bongomots · Member · Sep 17, 2014 at 2:46 am

  • Copy link
  • Add topic to favorites

  Hello, I am looking for help customizing the Collective theme. Does anyone know how to solve these issues?

  1. When I change the link color on through the colors menu, the other font colors change along with it. For example, when I change the link color to blue, the titles and fonts on the homepage become too light.

  2. How do I change the color behind the news section on the homepage?

  3. I am trying to float an image instead of the title and excerpt of my first page. I’d like the image to scroll up (like the text does now) when I scroll the page.

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

• 

  hallluke · Member · Sep 17, 2014 at 10:12 am

  • Copy link

  1. I understand the problem but what are you trying to achieve? It sounds like you want to set the colour of the titles on your homepage, right?
  2. Looks like you have this fixed already, good work!
  3. Are you talking about the image behind the “Who we are” title? If so you can make it scroll with the rest of the page using this:

  .featured-page-section {
  	background-attachment:scroll;
  }

• 

  bongomots · Member · Sep 18, 2014 at 12:14 am

  • Copy link

  Hi thank you for your response!

  1. I am trying to change the link colors to be blue. Right now they are in turquoise, but when I select blue on under the customize menu, the titles and text become too light. What I’m trying to achieve is only changing the link color without effecting anything else.

  2. Yes, I figured it out shortly after I posted something, as usual.

  3. I’m trying to make “Who we are” an image. So I want an image on top of the image that’s already there and to scroll like the “Who we are” title currently scrolls.

  Thank you again for your help.

• 

  bongomots · Member · Sep 18, 2014 at 2:42 am

  • Copy link

  Hi update.

  1. Changing the link problem is partially solved with this code:

  a, a:link, a:hover  {
  color: #166596;
  text-decoration: none;
  }

  However, text and search buttons still turn turquoise when hovered over. Any ideas on that?

  3. Getting an image in that space worked for me with this code:

  .featured-page-section .holder {
  	content: url('//reworktest2.files.wordpress.com/2014/09/transparent-header.png');
  }

  Thank you!

• 

  hallluke · Member · Sep 18, 2014 at 8:35 am

  • Copy link

  Here are the sections of code in the original theme CSS that use the turquoise colour you’re trying to replace, I’ve swapped it with blue, let me know how it works for you:

  h1 a:hover,
  h2 a:hover,
  h3 a:hover,
  h4 a:hover,
  h5 a:hover,
  h6 a:hover,
  h1 a:focus,
  h2 a:focus,
  h3 a:focus,
  h4 a:focus,
  h5 a:focus,
  h6 a:focus,
  h1 a:active,
  h2 a:active,
  h3 a:active,
  h4 a:active,
  h5 a:active,
  h6 a:active {
    color:#166596;
  }
  
  a.button:hover,
  .reply a:hover,
  #searchsubmit:hover,
  #prevLink a:hover,
  #nextLink a:hover,
  input[type="submit"]:hover,
  .more-link:hover,
  #submit:hover,
  #comments #respond input#submit:hover {
    background-color:#166596;
  }

• 

  thesacredpath · Member · Sep 30, 2014 at 7:51 pm

  • Copy link

  @bongomots, I don’t see @hallluke’s CSS in your custom CSS. Did you get this resolved and/or have you tried his code?

• 

  bongomots · Member · Oct 1, 2014 at 5:04 pm

  • Copy link

  Hi sorry! Yes, that worked pretty well, but I still had to use this code for the links for the author

  a, a:link, a:hover {
  	color: #166596;
  	text-decoration: none;
  }

  and this code for the custom menu widget links:

  #wrap .widget ul.menu li a {
  	color: #166596;
  }

  Thank you again!

• 

  thesacredpath · Member · Oct 1, 2014 at 5:18 pm

  • Copy link

  You are welcome. Please let us know if you have additional questions or problems.