Small bits of customisation

• 

  explorejudaism · Member · Oct 5, 2016 at 10:44 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I have a few small things I’d like to change on my site. Please could someone help me out.

  1) On my about us page as you can see I have a block quote. The second part of it (Clive…in education) currently goes across two lines and there seems to be a large gap between the two. I’d like to close this gap. At the moment I only seem to be able to make the gap bigger. How do i make it smaller?

  2) On the homepage i’d like to make the titles below the 3 featured images bold. When I use
  ‘h1.entry-title {
  font-weight: bold;
  }
  it doesn’t seem to work?

  3) On each of my pages i’d like the title to appear in the centre of the featured image. It currently is skewed towards the top of the image. How do I do this?

  Thank you very much.

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

• 

  innisfreehomestead · Member · Oct 5, 2016 at 10:53 pm

  • Copy link

  Hello there,

  1) I see you have inline styling on that span tag already, adding these two lines to that should help (let me know if you’d prefer it to be in the CSS editor)

  line-height: 18px !important;
  	display: block;

  2) This should do it, just need to select the a tag:

  h1.entry-title a {
  	font-weight: bold;
  }

  3) Feel free to edit the px amount if it isn’t quite right:

  .hero.with-featured-image {
  	padding-top: 205px;
  }

  Hope that helps!
  Sage

• 

  explorejudaism · Member · Oct 6, 2016 at 9:57 am

  • Copy link

  That’s all perfect thank you!
  Something else I forgot to ask was about my testimonial page (https://exjuk.wordpress.com/testimonial/):
  As you can see for part of the page I have added a gallery of images with handwritten testimonials.

  1) At the moment I have 2 random testimonials appearing on my homepage. Is there a way to stop these images from being pulled into the homepage? I only want the typed testimonials to be on the homepage.

  2) Is there a way to put this gallery in the center of the testimonial page with the other typed testimonials surrounding it?

  Thank you

• 

  innisfreehomestead · Member · Oct 6, 2016 at 3:42 pm

  • Copy link

  Great to hear!

  1) I can make the images disappear but that would mean when they are meant to show only one testimonial would appear (I can hide it but not replace it with something different). Is that what you were looking for?
  If so, here’s the code for that:

  .front-page-testimonials-wrapper #post-408 {
  	display: none;
  }

  2) I reckon you might have more luck with this manually than with CSS. Are your testimonials organized by date on the page (so the newest one is first)? If so you should be able to just edit the dates of the testimonials to push the one with the images into the middle of the page. When you edit a testimonial or post there should be a date somewhere that you can select and change.

  Let me know if that doesn’t work,
  Sage

• 

  explorejudaism · Member · Oct 7, 2016 at 10:03 am

  • Copy link

  Hi Sage
  I do want to leave it so that two testimonials appear on the homepage. However i’ve thought of a hack to get round it but need your help on how to actually execute it!
  I’ve added the gallery of images as part of footer two.

  1) So firstly I’d like to hide the gallery in the footer on all pages except the testimonial page. I’ve tried using the following code but it doesn’t work:

  body:not(.archive.post-type-archive)#widget.widget-gallery{
  display: none;
  }
  What am I doing wrong?

  2) When on the testimonial page i’d like to lift up the gallery part of the footer so it looks as though it is part of the page (and not in a footer) and also make the gallery bigger. How do i do this?

  Thank you very much again

• 

  innisfreehomestead · Member · Oct 7, 2016 at 3:43 pm

  • Copy link

  Hello there,

  This code should do the trick!

  .footer-widget-wrapper #gallery-6 {
  	display: none;
  }
  
  .archive.post-type-archive-jetpack-testimonial .footer-widget-wrapper #gallery-6 {
  	display: block;
  	margin-top: -746px;
  	margin-bottom: 125px;
  }
  
  .archive.post-type-archive-jetpack-testimonial .site-content {
  	padding-bottom: 600px;
  }
  
  .slideshow-window {
  	width: 100%;
  	height: 500px;
  	padding-top: 0 !important;
  	padding-bottom: 0 !important;
  }
  
  @media screen and (max-width:1020px) {
  	.archive.post-type-archive-jetpack-testimonial .footer-widget-wrapper #gallery-6 {
  		margin-top: -900px;
  	}
  }

  Let me know if that doesn’t work,
  Sage