This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Trouble with blockquote CSS

  • Creator
    Topic
  • #15002
    missalice
    Participant

    Hi Jason,
    I’ve had few code in the THEME OPTION CUSTOM CSS in order to change the design of the Blocquote.
    Here :
    http://www.baliberty.com/sites/tulamben/

    However, the change is not active or not visible.

    Can you help me to find where is the issue ?

    Here is copy of the CSS custom I’ve written :

    blockquote {
    border-left: 4px solid #2c9691;
    margin: 0 0 25px;
    padding: 0 0 0 25px;
    }
    blockquote p {
    font-family: Lucida Sans;
    font-style: italic;
    font-size: 100%;
    font-weight: 100;
    line-height: 1.25;
    }
    .standard-slider .tb-loader {display:none;}
    #fb-root {display: none;}
    .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }

    table {font-family: Helvetica; font-size: 13px;}

    Thanks a lot,
    Jason

    Miss Alice

Viewing 3 replies - 1 through 3 (of 3 total)
  • Author
    Replies
  • #15021
    Jason Bobich
    Keymaster

    Your styles look like they’re being applied for the most part. What’s the problem? What are you trying to achieve that you can’t? Have you inspected the area to see how to make the CSS changes you’re looking to make?

    #15033
    missalice
    Participant

    Hi Jason,
    You haven’t look enough !
    If you look the Blocquote on the page
    http://www.baliberty.com/sites/tulamben/
    or have a look here
    http://postimg.org/gallery/aq9bxddc/9178267b/

    The border-line left is gray
    The font is not the Lucida Sans Italic.

    But I want a border line in “Teal” #2c9691
    and Lucida Sans Italic
    and so on, as i wrote in the CSS Custom field in the Theme Option.

    So, Can you tell me why it’s not working ?
    Thanks again,
    Miss Alice

    #15045
    Jason Bobich
    Keymaster

    There’s something weird about how this CSS is getting interpreted in the browser. It’s getting interpreted like this:

    blockquote {
        border-left: 4px solid #2c9691;
        margin: 0 0 25px;
        padding: 0 0 0 25px;
    }
    blockquote p {
        font-family: Lucida Sans;
        font-style: italic;
        font-size: 100%;
        font-weight: 100;
        line-height: 1.25;
    }

    You can see where the specific lines that you edited from the original snippet I gave in the other thread are getting      added to them. And those are the lines of CSS that aren’t working.

    Try copying and pasting the styles, as I’ve reformatted them below.

    blockquote {
    	border-left: 4px solid #2c9691;
    	margin: 0 0 25px;
    	padding: 0 0 0 25px;
    }
    blockquote p {
    	font-family: Lucida Sans;
    	font-style: italic;
    	font-size: 100%;
    	font-weight: 100;
    	line-height: 1.25;
    }

    Moving past that, I think there’s something weird about how your’e making indentions into the code. Are you writing these styles in some sort of text editor and copying them over? Make sure you’re doing it from some sort of plain-text editor.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The forum ‘Akita Responsive WordPress Theme’ is closed to new topics and replies.