share links; fonts & layout width dimensions

  • Posted in : Impose
  • diogoparrinha
    Participant
    5 April 2016 at 00:59
    #29945

    1 – It seems that the impose_share_links are not fully responsive, because the facebook icon doesn’t fit inside the box. How can i reduce the text to just say “Share this”?

    2 – I’d also like to work the different font sizes and letter spacements across the layout. Is it possible to use custom css for this? Mostly titles and logo letters (or increase logo img – now its limited to maximum 50px height).

    3 – And lastly, how can i make the images on the post (standard post) be not so big? Is there a custom css to limit the width to 1000px/1100px maximum? If possible, i’d like to make the regular layout also a bit wider than it is at the moment.

    Thanks!

    serkan
    Moderator
    5 April 2016 at 11:40
    #29956

    Hi diogoparrinha,

    1- You can reduce the text with localization feature. You need to install and run loco plugin.
    https://wordpress.org/plugins/loco-translate/installation/
    Also if you provide me your related url, maybe I can give you custom css code to fix that issue.
    As you can see that in our demo, there is not any issue with share links.

    2- You can increase the logo img size with this custom css code. @media screen and (min-width: 1200px) { .header-small .site-header .site-title img { max-height: 80px; } }
    Which titles you are talking about? There are six different title size. h1 to h6 and specificly you should tell me which part of the theme and provide me your related url.

    3- Please provide me your related url and we will check again.

    Thanks

    diogoparrinha
    Participant
    5 April 2016 at 22:49
    #29972

    Hi Serkan,

    thanks for the quick reply.

    the blog that im talking is http://www.missleote.com

    2 – The titles that im talking about are the ones at homepage, above post pictures.

    3 – for instance, look at this post: http://www.missleote.com/sunnies-zerouv/ . As you can see, the image stretched alot, it has 900px and the layout width is 1225+-. How can i reduce this width dimension to let’s say 1000 or 1100px?

    One other thing, is there any easier way to insert two images next to each other side by side? The shortcode option takes a bit of developing knowledge to a numb achieve correctly… Maybe using https://wordpress.org/plugins/advanced-custom-fields/ there could be a nice “collage effect” field. It’s a thought for next updates maybe.

    Thanks,
    Diogo

    serkan
    Moderator
    6 April 2016 at 11:04
    #29974

    Hi Diogo,

    1- You can use this custom css code to reduce the left margin for the share link. If it is not enough for you i would recommend you to use loco plugin so you can edit the text easily.
    .share-links { margin: 1em 0; }

    2- @media screen and (min-width: 768px) { .blog-regular .entry-title { font-size: 1.4em; } }

    3- @media screen and (min-width: 1400px) {
    .single .content-area:not(.with-sidebar) .gallery, .single .content-area:not(.with-sidebar) .aligncenter, .single .content-area:not(.with-sidebar) .media-wrap, .single .content-area:not(.with-sidebar) .entry-content .owl-carousel { max-width: 1000px; margin-left: -26%; margin-right: auto; } }

    4- Click create a gallery and choose 2 pictures. Then go to GALLERY SETTINGS and choose column 2. That is all.

    diogoparrinha
    Participant
    6 April 2016 at 11:58
    #29978

    GREAT!

    thanks for all the support! Everything worked fine, except the logo bigger code. I added the custom code and nothing changed.

    4 – actually after posting here i realised i could do that using the gallery as you said. Works great, except the alignment to the other images bellow or up if i have. The gallery seems to be a bit smaller in width and also the spacement in between side-by-side images, is not the same as top/bottom margins. Any fix for this?

    Thanks once again!

    serkan
    Moderator
    6 April 2016 at 12:21
    #29979

    Hi Diogo,
    You can use this custom css code;
    @media screen and (min-width: 992px) { .site-header .site-title img { max-height: 80px; } }

    Also if you provide me related url with margin issue we can check it together.
    Thanks

    diogoparrinha
    Participant
    7 April 2016 at 15:00
    #30022

    Hello,

    please check this post:
    http://www.missleote.com/boho-chic/

    as you can see, the margins from gallery are different from the regular image. Also, the margin between side-by-side is much smaller than bottom margin.

    Thanks in advance.

    diogoparrinha
    Participant
    7 April 2016 at 15:03
    #30023

    And also, this issue happens on main page:
    http://www.missleote.com/page/3/

    diogoparrinha
    Participant
    7 April 2016 at 19:38
    #30027

    Sorry for nonstopping questions, but how can i remove that Capital Bold first letter on a post text?

    http://themes.pixelwars.org/?theme=impose
    the H on this

    serkan
    Moderator
    9 April 2016 at 14:04
    #30045

    This custom css code will fix the bottom margin issue a bit. But the margin between side-by-side is can not fix easily with some code.

    .gallery { padding-bottom: 0; }

    Please create a new topic for your further question. It is best to search for another users.
    Thanks

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

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

License required for the following item
Impose Blog WordPress Theme
Login and Registration Log in · Register