Caption CSS Help

  • Author
    Posts
  • #1557994

    vlogazul
    Member

    Hello…
    I am currently using the Forever Theme and am wondering to see if I can get two CSS snippets for my blog!

    1. On my main page there’s a post called “Francisco Flores a Chivas” when you click on it, the picture will have a centered caption. That text is bold but the color looks gray. Is there any way I can get that color switch to regular black? And is there any way you can move that caption text to the left instead of being centered?

    2. In my main page below the slider, there’s two bullet points that belong to the slider, is there a snippet to erase those bullets?

    The blog I need help with is vlogazul.com.

    #1558113

    vlogazul
    Member

    I hope this is possible. Thanks..

    #1558214

    1. Yes, this can be done with the following CSS.

    .wp-caption-text {
        color: #000000;
        padding-left: 5px;
        text-align: left;
    }

    2. This was answered in https://en.forums.wordpress.com/topic/slider-css-help?replies=4 .

    #1558304

    vlogazul
    Member

    Yes it worked amazing.

    A few things: I tried to change the text of the comments Where it says “Deja un comentario” using the prompt option in settings –> discussion. But somehow that option doesn’t appear on my dashboard. is there a snippet to make that text, a text of my choice?

    Is there a snippet to erase the text “Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *” just below the “Deja un comentario” text?

    #1558305

    If you go to Settings > Discussion and scroll all the way to the bottom, you will find Comment Form Prompt where you can change the text that appears above the comment section. Edit the text as desired and then save your changes.

    #1558306

    I’m not seeing that text below “Deja un comentario”. Did you find out how to hide that text already? If not, can you give me a little more direction on exactly where it is?

    #1558308

    vlogazul
    Member

    On my main page, if you click on the gray bubble in a post is gonna take you to post a comment. Once it takes you there, at the bottom of the post it will look like these!

    Deja un Comentario

    Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *” just below the “Deja un comentario

    And then you will see the box in which it asks you for the name, email, web and eventually the box for writing the comment.

    Also, will there be a snippet to make my navigation bar look like the one in the Mystique Demo theme? Obviously for me to keep the same colors as I have right now. Thanks

    #1558309

    vlogazul
    Member

    I think I know why you can’t see that text am telling you!! If you are signed in into your wordpress account you won’t see it but when you visit the page and you go to the comment section and you are not signed in you will see it.

    #1558320

    I had looked when logged out but didn’t see the exact text you were referring to. I see this in the comment box: “Introduce tu comentario aquí…”

    I see this to the left of the WP, FB, etc. icons: “Introduce tus datos o haz clic en un icono para iniciar sesión:”

    I also see some informational text in the email, name and website address fields.

    Here is a screenshot of what I see: https://cloudup.com/c7qJYq92DHC

    #1558321

    http://vlogazul.com/ is using the Forever theme, not Mystique, and the other site linked to your username is using Chateau. Are you talking about a different site? I’ve looked in three different browsers and do not see the text you reference.

    #1558323

    vlogazul
    Member

    Thanks for checking, I will just leave it as how it is. Thanks for the time you put into helping me. I really appreciate it..

    Will there be a snippet to make my navigation bar look identical to the navigation bar in the Mystique Demo theme? Obviously for me to keep the same colors as I have right now. Thanks

    #1558325

    Give this a try for a start on making the menu bar look like Mystique.

    #access {
        background: url("http://s2.wp.com/wp-content/themes/pub/mystique/images/bg-nav.png") repeat-x scroll center top / contain rgba(0, 0, 0, 0);
        height: 35px !important;
        margin-top: -0.35em;
    }
    
    #access li.current_page_item a, #access li.current-menu-item a {
        background: url("http://s2.wp.com/wp-content/themes/pub/mystique/images/nav-active.png") no-repeat scroll left top #000000;
    }
    
    #access a {
        line-height: 43px;
        margin-top: 0;
        padding-top: 0;
        text-shadow: 1px 1px 1px #444444;
    }
    
    #access li {
        background: url("http://s2.wp.com/wp-content/themes/pub/mystique/images/nav-div.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    }
    #1558332

    vlogazul
    Member

    Thank you very much!

    If you visit my main page, and you check my navigation bar. Is there a snippet to make the bar have divisions after each category but leave it the wait it is, only to add the compartiments?

    #1558333

    vlogazul
    Member

    Also will there be a snippet to reduce the white space from above the header? If possible to reduce the space amount equal to the space you helped me reduce from the header to navigation bar.. Thanks

    #1558336

    vlogazul
    Member

    Hope it’s posible. Thanks!

    #1558339

    For the lines between the menu items, the late bit of code I gave above put the same line that was in Mystique into your theme. This was the code:

    #access li {
        background: url("http://s2.wp.com/wp-content/themes/pub/mystique/images/nav-div.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    }

    Alternately you can not use the background image from Mystique and use a right border line and set the color you desire as below.

    #access li {
        border-right: 1px solid #777777;
    }

    For reducing the space above the header image, add the following and adjust as desired.

    #masthead {
        padding-top: 2.3em;
    }
    #1558340

    vlogazul
    Member

    Thanks for the help with the codes. Only a quick fix on the navigation bar if it’s possible.

    I already added the code you gave me and liked it a lot. Just wondering, would there be a snippet to erase only the border right after “La Conexión” category on the navigation bar? So basically that category on the navigation bar will run through the end of the bar just like it starts on the “Inicio” category.

    #1558341

    The following targets that “La Conexión” menu item by ID, so if you add something after it, or change the order of the menu items, the following will have to be changed to include the menu item ID for the far right menu item.

    #access .menu-item-4846 {
        border-right: none;
    }
    #1558342

    vlogazul
    Member

    It worked perfectly and I will keep that in mind. Thank you very much. You are always so helpful. You are a rock star..

    #1558344

    You are welcome.

The topic ‘Caption CSS Help’ is closed to new replies.