Jump to content


Photo

Add custom URL, Text in Carousel iblogPro 5


  • Please log in to reply
10 replies to this topic

#1 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 06 February 2012 - 10:02 AM

Right now when i hover on carousel image, only then the text of Post-Title appears I want to Add Custom Text to the URL in Carousel in iBlogPro 5 theme. I want the text to be visible all the time and not just only after moving cursor over the image. How can I do that? http://bit.ly/w9ATGW

#2 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 06 February 2012 - 03:40 PM

Is anyone there who can answer this question?

#3 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 06 February 2012 - 04:20 PM

 #carousel .content ul li a span.list-title {
	    display: block;
	}

You will need to style it further with CSS to get it to display right.

#4 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 06 February 2012 - 04:25 PM

Jenny, I want to add Custom Text and URL for different blocks in Carousel. How can I achieve it?

#5 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 06 February 2012 - 04:47 PM

The text is based off the post title. If you want the text to be different, then you can change the post title or write a custom PHP function of some sort (which I have no idea how to accomplish). I don't know what you mean by the URL; it's pulling that from the post. If the carousel items are not what you want, then you should change the source in the carousel settings. What you're asking here may be beyond the scope of the support forum and you may need to look at hiring a PageLines Pro to help you.

#6 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 07 February 2012 - 09:34 AM

Jenny, Is it possible to align the text in the middle of the carousel image. I tried a lot playing with CSS but did not helped me much.. http://img51.imagesh...rorcarousel.png I would be really thankful if you can tell me what should I do to align the text in them middle..

#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 16897 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 07 February 2012 - 01:36 PM

Hi,

Try this please and let me know if this works.

 .#carousel .content ul li a span.list-title {position: absolute;right: 23px !important;bottom: 10px !important;width: 140px !important;}

However, you will need to make sure that all your carousel thumbs are the same size for this to work.

#8 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 07 February 2012 - 02:13 PM

not Working..It even overrides my current settings which displays the post title permanently. Following is my current custom setting

 /*Styling Carousel*/
	#carousel .content ul li a span.list-title {
	    display: block;
	    right: 0;
	    padding: 5px 5px 0;
	    width: 130px;
	}


#9 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 07 February 2012 - 04:08 PM

Hi Danny, The customization you suggested did not worked!

#10 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 07 February 2012 - 04:30 PM

I played with CSS and now it worked! :) Thanks Danny!

#11 Danny

Danny

    Is Awesome!

  • Moderators
  • 16897 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 08 February 2012 - 08:07 AM

No problem, thanks for informing us!