Hide Feature Description and Centrilase Column Heading

I want to show the Feature Column as follows: -

1. Column Heading Central
2. Show Image
3. Hide Column Description
4. I have managed to hide Read More

Also how can I display a full width image below the Feature area.

Ideally want to use the Home Page area to show an image

 

Hi,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard:

Code:

.feature-content .feature-content-inner .feature-content-text p {
  display: none;
}
 
.feature-content .feature-content-inner .feature-content-text h3 {
  text-align: center;
}
 
.feature-content .feature-content-inner .feature-content-text a.read-more {
  display: none;
  }

Also to make the image full width if you could provide your site url, so that I can look after it and can assist you accordingly.

 

Hi Sameer,

Many thanks worked perfectly

Site address is www.gbservices.co.uk, I would like to insert the image where the t is on the front page.

Here is the image I want to insert

http://gbservicesuk.co.uk/wordpress/wp-content/uploads/2015/04/footer.png

 

Hi,

Could you please provide some edited screenshots where exactly you wish to put that image, so that I can assist you accordingly.

 

Hi Sameer,

Here is the image.

 

Hi,

Kindly add the html img tag given below in the highlighted area mentioned in the image below:

Code:

<img src="http://gbservicesuk.co.uk/wordpress/wp-content/uploads/2015/04/footer.png">

Hope it will solve your issue. Let me know if have further any doubts.

 

Hi Sameer

I put it in the area

<div class="bottom_tagline">
<div class=" grid_18 ipad-tagline alpha">
<div class="bottom_tagline_text">
<?php if (inkthemes_get_option('inkthemes_tag_head') != '') { ?>
<h1><?php echo stripslashes(inkthemes_get_option('inkthemes_tag_head')); ?></h1>
<?php } else { ?>
<img src="http://gbservicesuk.co.uk/wordpress/wp-content/uploads/2015/04/footer.png">
<?php } ?>

This works nicely, the only issue is I cannot centralise it to the page tried this in the custom CSS still no luck

.bottom_tagline {
text-align: center;
}

Also how do I reduce the over all gap between the image and the line above, check the site gbservicesuk.co.uk

Can I also move the menu to the top of the page?

Regards, Peter

 

Hi,

Kindly apply below given CSS:

Code:

.bottom_tagline_text img {
  margin-left: 64px ! important;
}
.bottom_tagline{
  margin-top: -48px !important;
}

Also for menu could you please let me know where exactly you wish to place at the top.

 

Hi Sameer,

That worked perfect, many thanks.

Attached is what I would like to do with the menu.

I no worried if the menu length cannot be changed but would like the menu at the top of the page.

 

Hello,

Kindly use the below code it would work:

Code:

.header_wrapper .call-us {
  position: absolute;
  margin-left: 41%;
  margin-top: 96px;
  }
 
  .menu-wrapper {
  margin-top: -61px;
  margin-left: 607px;
  margin-right: -48px;
}

Hope it will solve your issue.

 

Hi Sameer

Perfect.

The support and help from you has been excellent well worth the annual subscription.

Regards, Peter

 

Hi Sameer

All my changes have broken it on mobile devices, how can that be fixed very sorry.

Again many thanks for your help

Peter

 

Hi,

Kindly apply the below code:

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
.menu-wrapper {
  width: 318px;
  margin-left: 16px !important;
  margin-top: 27px !important;
}
.header_wrapper .logo img {
  margin-left: -23px !important;
}
 
.call-us a.btn {
  margin-left: -41px !important;
  }
 
  .bottom_tagline_text {
  margin-left: -62px !important;
  width: 120% !important;
  margin-top: -12px !important;
}
.feature-content .feature-content-inner.third {
  margin-bottom: -11px !important;
}
}
 
 
@media only screen and (max-width: 480px){
.menu-wrapper {
  margin-left: 4px !important;
  margin-top: 27px !important;
  width: 264px; 
}
.call-us a.btn {
  margin-left: -72px !important;
}
 
.header_wrapper .logo img {
  width: 216px !important;
}
.bottom_tagline_text img {
  width: 100%;
}
.bottom_tagline_text {
  margin-left: -61px;
  width: 100%;
}
}

It should work. Let me know if have further any doubts.

 

Hi Sameer

Many thanks perfect, again well worth the money.

Kind Regards, Peter