badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Can't make elements full-width

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #8167
    Mitchell
    Participant

    I have a few divs and other elements on certain pages that I need to be full-width, exactly like the “home slogan.”
    They are being restrained at the sides, leaving white space to the left and right. How can I fix this?

    #8196
    Sanjip Shah
    Participant

    @Mitchell Can you provide link to the exact pages where you want to make this changes. I will look into it and see if I can provide some support.

    #8357
    Mitchell
    Participant

    http://patriotems.com/

    at the bottom of the page, the blue survey area, and the red area with the news tickers – both should be full width.

    #8445
    Sanjip Shah
    Participant

    @Mitchell Just visited your site and I see that the blue area is taking full width. About the red area, I see there two columns which also looks nice. Is there still some changes that you want to make?

    #8584
    Mitchell
    Participant

    Right, the blue “apply” area was made with the theme option – “home slogan”
    That does extend to the edge of the page, but it is built in to the theme. I want to be able to make the blue “survey” div, the red “news ticker” div, and any other div I want – the same width as the “home slogan”

    #8618
    Sanjip Shah
    Participant

    @Mitchell This will need both coding and corresponding css changes which we cannot cover in free support. For this you will need to hire a developer to make the necessary changes.

    #8648
    Mitchell
    Participant

    I purchased the Attitude Pro theme. Doesn’t that entitle me to support for the theme? I am a developer, but I have other things I need to be spending time on.

    #8676
    Sanjip Shah
    Participant

    With the purchase of theme, we provide our customers help on using the theme features, fix the bugs and provide few lines of css tweaks. In this case, in the dashboard, go to Appearance->Theme Options->Design Options Tab->Custom CSS. Paste the following css and click on ‘Save all Changes’. See if this helps.

    .home #main.container {
        max-width: 1038px;
    }
    #8745
    Mitchell
    Participant

    That’s the element I was looking for. I wrote media queries for each screen size to set the .home #main.container to full width- and then re-sized my divs accordingly. Looks good now. Thanks

    #8861

    Ok Great

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.