How change…

  • Posted in : Photographer
  • guillee93
    Participant

    Hi, i want to remove the space between the pictures on the normal gallery…
    How i can change this parameter….

    http://i.imgur.com/uRlz3aJ.png (remove the white space between the pictures)

    Ah, its possible to increase the size of the logo?

    guillee93
    Participant

    In adition, i want to change the colour background too. I want to put a picture as background. How i can? And, what must be the size of the picture?

    serkan
    Moderator

    You can use these custom css code;

    @media screen and (min-width: 768px) {
    	.post .alignnone { margin: 1em 0;  }
    	.post .aligncenter { margin: 1em auto;  } }
    .site-title img { max-height: 150px; }
    body { background-color: #f1f1f1; }
    body { background-image: url("bgdesert.jpg"); }

    1920 x 1280 px should be enough.

    Thanks

    guillee93
    Participant

    Thanks for reply.

    The first code doesnt work. There is a big white space between pictures into a normal page gallery. I want to reduce this space like this: http://sttilophotography.com/blog/2015/10/26/amor-en-la-niebla

    I want a normal gallery as the example.

    serkan
    Moderator

    Hi, If you provide me your related url, then I will check your codes.
    Thanks

    guillee93
    Participant

    Here: http://guilledelcastillo.es/prueba-galeria/

    Another question, its possible to reduce the space between the menu and the page tittle? And reduce the space between the page tittle and the content of the page? And the last, its possible to changue the font of the page tittle?

    serkan
    Moderator

    Hi,
    You can use these custom css codes,

    @media screen and (min-width: 768px) { .aligncenter { margin: 1px auto; } }
    .site-header { padding: 0; }
    @media screen and (min-width: 768px) { .entry-header { margin-bottom: 2em; } }

    Please go to appearance > customize > fonts > change the fonts .
    Thanks

    guillee93
    Participant

    Thanks, working!

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

    guillee93
    Participant

    Hi Serkan, i just put a background image (is a white degraded) and i dont like repeat my background image at page. i like only one background image for each page, and the rest of the page has a white background.

    http://guilledelcastillo.es/prueba-galeria/

    serkan
    Moderator

    Hi, Is that something like this ? ; please try to use this custom css code;

    body { background-color: #fff; background-repeat: no-repeat; }

    Thanks

    guillee93
    Participant

    Working but now the previous problem is appear. The space between pictures are now in my web site.

    This is the complete code on my website:

    .site-title img { max-height: 150px; }

    body { background-image: url(“http://i.imgur.com/nfmjf5t.jpg”); }
    body { background-color: #fff; background-repeat: no-repeat; }

    @media screen and (min-width: 768px) {
    .post .alignnone { margin: 1em 0; }
    .post .aligncenter { margin: 1em auto; } }

    and here you can see that the problem is return, haha
    http://guilledelcastillo.es/47-2/

    serkan
    Moderator

    Hi,
    You can use this custom css code instead of last custom code;

    @media screen and (min-width: 768px) {  .aligncenter { margin: 1em auto;  } }

    Thanks

    guillee93
    Participant

    Working fine, but the space between the images remains large….

    http://guilledelcastillo.es/47-2/

    And i like as this:
    http://www.pablolaguia.com/pablo-laguia/naomi-pablo-boda-en-chihuahua

    Sorry for my english and sorry for questions… haha

    serkan
    Moderator

    Hi, Are talking about mobile or desktop view ? It looks okay on desktop. You can use this custom css code for the mobile view.

    .aligncenter { margin: 1px auto; }

    Also, hard reload the browser again. Same times they can hold the old cashes and you can delete them.

    guillee93
    Participant

    I am talking about desktop view. I have try on two different computers with Chrome, Firefox, and IE and i havent see correctly.

    My page: http://i.imgur.com/TCJ56Re.jpg

    I like this space between: http://imgur.com/OK5FDa9

    (sorry, hehe)

    serkan
    Moderator

    I wrote this code before. Probably you just ignored it.
    Please use this custom css code;

    @media screen and (min-width: 768px) { .aligncenter { margin: 1px auto; } }

    Thanks

Viewing 17 posts - 1 through 17 (of 17 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register