Need HTML/CSS customization support? Upgrade to CyberChimps Plus.

Alingment

This topic contains 9 replies, has 4 voices, and was last updated by  Bryan Hadaway 1 week, 1 day ago.

  • Author
    Posts
  • #100505

    TQ Admin
    Participant

    Hello Good Morning, I am looking to change around my homepage, I am using the custom home page from them options. I just want to switch the featured content to the right and the headlines to the left. How can I do this? Help Please

  • #100556

    Dylan
    Participant

    This may not be a simple switch, but please provide a link to your site and allow me to forward this to our Responsive Free expert @ulrich – he will be able to best assist you, hold tight and he will post back here shortly.

  • #100560

    TQ Admin
    Participant
  • #100562

    TQ Admin
    Participant

    Update

    Hey Guys, I got it sorted out but now I’m looking to change around my homepage, I am using the custom home page from them options. I just want to switch the featured content (the calendar) to the right and the headlines,sub headlines, content and call to action button to the left. How can I do this? Help Please.

    Below is what i tried but cant get what i really want done yet.

    #featured-image { width: 45%; }
    #featured-image {
    margin-left:50;
    }
    .featured-title {
    text-align: center-right;
    }
    .featured-subtitle {
    text-align: center-right;
    }
    #featured p {
    text-align: center-right;
    }
    .call-to-action a.button {
    font-size: 24px!important;
    float: none;
    }
    <style>
    #DateSelect select, .dynCalendar select {
    width: auto !important;
    padding: 0px !important;
    }
    #DateSelect input, .dynCalendar input {
    padding: 2px !important;
    }

    #DateSelect p, .dynCalendar p {
    font-size: 12px !important;
    margin: 0px !important;
    padding: 0px !important;
    }

    #DateSelect, #DateSelect b, #DateSelect table, #DateSelect td, .dynCalendar, .dynCalendar b, .dynCalendar table, .dynCalendar td {
    padding: 0px !important;
    margin: 0px !important;
    font-weight:normal !important;
    font-size: 12px !important;
    }

    #DateSelect td{
    padding: 1px 0px !important;
    margin: 0px !important;
    }
    </style>

  • #100664

    Ulrich Pogson
    Keymaster

    I am bit confused this is what the default layout looks like. You seems to have changed something.

    FYI – http://themeid.com/docs/adding-custom-css/

  • #100669

    TQ Admin
    Participant

    Hey Ulrich well i’ve been trying to move the calendar to the left and the content to the right from morning. I got it done a few minutes ago. The problem I have now is that I want to have some space between the calendar and the edge as of right now it is right on the edge of the column and every time I go to edit, the button name and url refreshes and I have to go back to put them in. But I want to get the calendar off the edge. If I can make it look more like a square even better.

    Thank You

  • #100676

    TQ Admin
    Participant

    We can work from this post because i have succeeded in flipping my home page. I just want it to appear properly now.

  • #100679

    TQ Admin
    Participant

    I put in this css to try resolve the problem but it doent seem to work.

    #featured .col-940:first-child { width: 60%; }
    #featured-image { width: 28%; }
    .featured-title { text-align: center !important; }
    .featured-subtitle { text-align: center !important; }

  • #100695

    TQ Admin
    Participant

    Hey Ulrich. I solved my problem with the spacing. However, my biggest issue I have been trying to solve is the calendar issue. I cant get it to appear the way I want it. I’ve tried several codes but nothing seems to work for me. I wish I could somehow show you how it should look but don’t know how to attach a picture here. I need to have it smaller and neater. The long calendar makes the homepage look untidy to the eye. Please help on this.

    Thank You

  • #100753

    Duplicate.

The topic ‘Alingment’ is closed to new replies.