Support » Themes and Templates » Triton Lite – Image problems

Viewing 15 replies - 1 through 15 (of 39 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Lisodia,

    For your second issue, it looks like two imperative CSS styles are missing. We can add that in for you now, if you would like. If so, can you tell me whether that theme comes with a section in the dashboard named, “Custom Styles”, “Jetpack” or “Custom CSS”?

    Thread Starter Lisodia

    (@lisodia)

    Hi,

    Thank you for your answer. I can’t give you access but I can give you more information.
    I use Triton Lite, with Jetpack Plugin.

    I tried to change on settings – media but nothing is happening

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I can’t give you access

    That’s a good default position. WordPress recommends you never give out your password in any circumstance.

    As you have the Jetpack plugin, you have a section within the dashboard for ‘Custom CSS’ and we can start resolving the second issue for you.

    Within the Custom CSS section of Jetpack, enter this;

    .wp-caption img {
     height: 283px;
    }
    
    .wp-caption:nth-child(4n) {
     margin-right: 0;
    }

    This solution stretches the image height a little bit so they’re all equal. Otherwise bigger height in some images pushes down the row of images below and causes the misalignment you’re seeing.

    Thread Starter Lisodia

    (@lisodia)

    Oh it works, unbelievable !

    Now, all sizes are the same so I have to be careful to don’t picture with severals sizes. (like here http://www.bobvandijk.dds.nl/wordpress/?page_id=2)
    There are 4 pictures per line, is it possible to have a word wrap, to have just 3 pictures ?

    (ans sorry for my poor english..!!)

    Thank you al to !!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    is it possible to have a word wrap, to have just 3 pictures ?

    Sorry, I don’t understand this. Do you simply want 3 images per row on that particular page?

    Thread Starter Lisodia

    (@lisodia)

    Yes exactely please !

    Thread Starter Lisodia

    (@lisodia)

    All is ok now !

    Just the last row is strange, the space between the 1 et 2 pictures is too small

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sorry, can you disable that snow plugin temporarily? It’s preventing me from debugging the issue.

    Thread Starter Lisodia

    (@lisodia)

    It’s done !
    If you don’t find, it’s not grave. It’s not an important problem.

    Just one more thing, do you know if it’s possible to add the company’s logo near the title of the website, to the header ?

    (Sorry to ask all this questions, it’s my first website, I’m learning at the same time !)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    For this change, you’ll need to create a Child Theme. A Child Theme is just another directory within wp-content/themes that inherits functionality of your present theme.

    Thread Starter Lisodia

    (@lisodia)

    So, I have to find an other template with logo near the title ? Is it not too complicate to add just a picture ?

    http://hpics.li/430cd76

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You could just edit the header.php file to include your logo, but that would compromise the theme and your changes. This way you’ll save yourself a headache.

    Thread Starter Lisodia

    (@lisodia)

    Ok I see 🙂
    I do some investigation for theme and I try. I hope there is one which looks like to what I expect

    Edit : I found that :
    http://wordpress.org/extend/themes/simple-catch

    Do you think It can be ok for mine ? Logo seems to be at the right place, near title

    Thread Starter Lisodia

    (@lisodia)

    I’m following instructions and if I understand well, I juste have to pick what I want on Child Theme, on the style.css.

    So ! This is my style.css

    /*
    Theme Name:     Simple Catch Child
    Theme URI:      http://wordpress.org/extend/themes/simple-catch
    Description:    Thème enfant du thème Simple Catch Child
    Author:         Rebec
    Author URI:     Simple Catch Child
    Template:       triton-lite
    Version:        0.1.0
    */
    
    @import url("../triton-lite/style.css");
    
    /* Logo Tile */
    #header .logo-wrap {
    	padding-left:20px;
    	float:left;
    	margin-top:54px;
    	min-width: 610px;
    }
    h1#site-title {
    	font-size: 45px;
    	font-family: 'Lobster';
    	font-weight:normal;
    	padding-bottom:0px;
    }
    h1#site-title a {
    	line-height:54px;
    }
    h1#site-title a:hover {
    	color: #444444;
    }
    h1#site-title a img {
    	max-height: 90px;
    	float:left;
    	padding-right:20px;
    }
    h2#site-description {
    	font:14px Arial, Helvetica, sans-serif;
    	color:#666;
    	padding:8px 0 0 0;
    }
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Looks alright, you still want the logo in your header, right?

Viewing 15 replies - 1 through 15 (of 39 total)
  • The topic ‘Triton Lite – Image problems’ is closed to new replies.