Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1183436
    TheoryUnit
    Participant

    Hi there,

    I have a couple of questions please:

    1) I’m building a website at http://ataloss.net and I used a demo (http://demo.theme.co/integrity-7/) to set up the homepage. I’ve now come to make a second page (http://ataloss.net/feedback) but I can’t make the text centre vertically in the content band like on the homepage or the demo, without using padding which I don’t want to do because it doesn’t transfer well to mobile. Could you please help me do this? Why can’t I see how the demo does it?!

    2) On the homepage, under the column titles ‘Financial’, ‘Services’ and ‘Leisure’, I’ve got some blue sub-titles that I’ve moved to the right to centre them by using the [column type=”1/4″] shortcode with a spacer image in it (I want to centre the blue sub-titles under the images but have them all justify left as they appear now). But when in mobile view, there is far too much space above the blue sub-titles which I presume is the spacer. Is there anyway to get around this?

    Thanks very much for your help.
    Cheers,
    Matt

    #1183506
    Rahul
    Moderator

    Hi there,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    #1183507
    Joao
    Moderator

    Hi There,

    You can use padding or gap but instead of using px use % . That way when it transfer to mobile it will be relative to the screen size as well and will adapt much better.

    Regarding your second question, your strategy seems a bit confusing, What is the reason you just didnt put them all on on 1?3 columns ? Please provide your Wp Admin credentials in a private reply so we can take a look,

    Thanks,

    Joao

    #1184550
    TheoryUnit
    Participant
    This reply has been marked as private.
    #1184602
    Paul R
    Moderator

    Hi Matt,

    Please remove the 4 columns, then add a width and margin 0 auto to your p element.

    eg.

    
    <p class="aalblue" style="
        margin: 0 auto;
        width: 230px;
    ">> Banks<br>
    > Building Societies<br>
    > Insurance<br>
    > Investment Companies</p>
    

    You may change the width to adjust the alignment of your text.

    Hope that helps.

    #1184643
    TheoryUnit
    Participant

    That’s so much more elegant! Thank you very much, massively appreciated.
    Cheers!
    Matt

    #1184695
    Thai
    Moderator

    You’re most welcome πŸ™‚

    If you need anything else please let us know.

  • <script> jQuery(function($){ $("#no-reply-1183436 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>