Customizing landing page??!

  • Hey guys,

    Trying to figure out how to change the sliding text on my landing page to a photo?
    https://www.eyobllc.com

    Right now it’s just a customizable text box with no real options. Ideally, i’d like to have my logo fly in…? Is this possible.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello there,

    You can use this CSS code: 

    
.text-slider .maintitle:after {
  display: none;
}

.text-slider .maintitle {
  display: inline-block;
  width: 160px;
  height: 160px;
  text-indent: -9999px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.text-slider .maintitle { 
  background-image: url('https://yoursite.com/path/to/image.png');  
}

    Replace https://yoursite.com/path/to/image.png with your valid image URL. You can use media library under Dashboard > Media.

    To apply extra CSS code to your site, add it to Appearance > Customize > Additional CSS from dashboard.

    Regards,
    Kharis

    Thread Starter ashlinhorsley

    (@ashlinhorsley)

    Kharis,

    Any way for me to make that image a clickable URL?

    Hello there,

    Please try doing these steps:

    1. Install and activate the TC Custom JavaScript plugin
    2. Go To Appearance > Custom JavaScript
    3. Paste the following code into the provided box

    
(function($){

  if( $('.text-slider .maintitle').length ) {

    var url = 'https://yoursite.com/link';

    $('.text-slider .maintitle').html('<a href="'+url+'"></a>');

  }

})(jQuery);

    4. Update
    5. Remove this line in your custom CSS code (Appearance > Customize): 

    
text-indent: -9999px;

    6. Add this extra CSS code: 

    
.text-slider .maintitle a {
	display: block;
	width: 100%;
	height: 100%;
}

    Regards,
    Kharis

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Customizing landing page??!’ is closed to new replies.