• Resolved pseudogeek

    (@pseudogeek)


    I would like to increase the size of the captions below static images (NOT sliders). Is there a sample snippet that I can use in the custom CSS box for this?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Do you mean the 3 FP images? If so, try this

    Thread Starter pseudogeek

    (@pseudogeek)

    Thanks for the reply, but that’s not what I’m trying to change. I am trying to change the image caption for a static image in a page. It is not online yet; just in my computer for development at this time.

    Here is the div for the image and caption:

    <div id="attachment_14" style="width: 1034px" class="wp-caption alignleft"><a href="https://127.0.0.1/wp/wp-content/uploads/2013/10/TV_untitled-0004-X2.jpg" class="grouped_elements" rel="tc-fancybox-group25" title="Furniture and Built-In Pieces" rel="lightbox-0">
    
    <img class="size-large wp-image-14" alt="TV_untitled-0004-X2" src="https://127.0.0.1/wp/wp-content/uploads/2013/10/TV_untitled-0004-X2-1024x848.jpg" width="1024" height="848" /></a>
    
    <p class="wp-caption-text">This is an entertainment center that was custom made for a customer. Don’t be fooled by cheaper items sold by most stores. With reasonable care, our hand crafted pieces will be treasured by generations to come.</p></div>

    The only reference I see in all the css pages referenced is in themes/customizr/inc/css/blue.css – here is the reference in that stylesheet:

    .wp-caption .wp-caption-text,
    .gallery-caption,
    .entry-caption {
      font-style: italic;
      font-size: 12px;
      font-size: 0.7rem;
      line-height: 1.3em;
      color: #757575;
    }

    Here is what I put into the Customizr css box to try and override that style (I included everything in the custom css box; all the other markup works as expected) (Obviously the 16 px that I put in is way too big but I always start with a value that will make it real obvious whether I am changing the right thing or not):

    h1 {
    font: arial;
    font-size: 3em;
    }
    .wp-caption-text {
    font-size: 16px;
    }
    .page h1.format-icon:before {
    content: none;
    }

    You need to use CSS that is at least as specific as the existing CSS – so in this case, try:

    .wp-caption .wp-caption-text {
    
    ...

    Thread Starter pseudogeek

    (@pseudogeek)

    Doh. Of course. I was thinking I was looking at a group of classes, did not notice the absence of a comma, making it a descendant selector.

    Thanks for bailing me out!

    LOL – those tiny syntax things can definitely wreak CSS havoc (not to mention driving one crazy)!

    Thread Starter pseudogeek

    (@pseudogeek)

    Absolutely! I stared at this for a long time before finally giving up. Kinda like Cardinals batters tonight against Red Sox pitchers <sigh>.

    Go Cards!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Image caption size’ is closed to new replies.