Jump to content
Sign in to follow this  
danmanders

Customizing Callout sections individually?

Recommended Posts

danmanders    0
danmanders

Hi all! I'm having an issue figuring out how to specify in the Custom CSS section that I'd like to make modifications to Callout sections individually, rather than site-wide. This code will hide the text and title on all of the Callouts:

 

.callout_text { 
  display: none; 
}
 
I've been trying to figure out how to only apply it to Callout clone #2, but can't get it right. I know it involves "clone_2", but I'm unable to find the relevant line with Firebug. Could someone please help? Thank you!

Share this post


Link to post
Share on other sites
Rob    547
Rob

Are multiple clones on the same page/post?

 

Do you have Firebug for Firefox or use Chrome's Inspection Tools?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
danmanders    0
danmanders

Hi Rob, there are two Callouts on that page (http://danmanders.com), and the clone is the one I'd like to hide the text on. I've also got a Callout on another page on the site, which is being affected as well. I use both Firebug and Chrome's Web Developer tool, but all of this is new to me and I'm still learning. I've figurred out a number of lines to pull from there so far to customize my site, but this one I can't seem to track down for some reason.

Share this post


Link to post
Share on other sites
danmanders    0
danmanders

Maybe the best thing to do would be to take a screenshot of correct line in Firebug so I can be more likely to be able to help myself in the future?

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

Personally, I'm not a fan of cloned sections.  That said, my suggestion would be to use some of your other options for the cloned section.  I see you're already using Hero, Highlight or just a Content Box with some of our tools to create the text, button and link.

 

Here's a snapshot.

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
danmanders    0
danmanders

Thanks Rob! I just used a Content Box and the button shortcode and it worked great. That Tools page is handy, I hadn't come across it yet.

 

For my own reference, could you tell me how I would have done it the other way though? I tried a couple different configurations of ".section-callout" and "section.copy" but couldn't get anything to work. I'm trying to get a better handle on how to go from Firebug to the Custom CSS section, as that would eliminate about 90% of the questions I currently have and then I wouldn't need to inquire about basic things on here. Thanks again!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • chamois_blanc
      By chamois_blanc+
      I am trying to clone a container on a page. It throws the following javascript error:
      function l(b, c, e, f) { var g = m.a.f.get(b, p); if (!c) { if (g) throw Error("You cannot apply bindings multiple times to the same element."); m.a.f.set(b, p, !0) } I would appreciate guidance and a fix. Thank you
    • hibbsy78
      By hibbsy78+
      Callout could do with some mobile love - anyone else think that the button should default underneath on mobile?
      https://www.hibbslupustrust.org/
       

    • scifi
      By scifi
      Sorry simple question - but everything's so complicated.
      I need to change the colour of one word of text in a callout section. Could you help me.
    • bauerhaus
      By bauerhaus
      I have created a Callout (see the orange bar on the below website) and uploaded a custom "Start Now" button. Is there anyway I can also add a hover button? I want it so when you mouse over the button, the button looks pressed. I have the .png file, I'm just not sure how to reference it and where.
       
      I worked recently on a website design for a Drupal website and the developer taught me how to save a "Sprite" image for buttons. Would that work in Wordpress and the Pagelines Framework? Can you point me to the CSS that I would create to make the hover button happen?
       
      Website is: http://www.family-classics.com/
       
      Thanks!
    • frost
      By frost
      I have two issues:   1. I am having duplicate clones show up.  They invent themselves -- even sections that I've never used before have three clones.  I have no idea where most of the clones are.   2.  The content box that I put in my sidebar does not show up on all pages.   I definitely have the sidebar activated.  I deleted and reinstalled pagelines and the theme that I'm using (simplicate).   
×