[Theme: Stay] Sizing of widgets in header and primary

  • Resolved huntingdragon

    (@huntingdragon)


    10 years, 10 months ago

    Hello!

    I’m currently running the Stay theme independently to display artwork, but am having some trouble with the sizing. (Uploaded screen shotat bottom.

    My first issue is with the primary sidebar text widget. When the browser is full screened, the paragraphs run over the primary page content in the middle. What do I have do define in the editor to prevent that text from overlapping when full-screened?

    Secondly, I created a gallery in the header widget area and have added a few pictures there. I want to expand the width of the area that specific widget takes up so I can use up more of the whitespace in the header. How do I define width for that specific widget?

    Thanks for the help!!

    View post on imgur.com

Viewing 6 replies - 1 through 6 (of 6 total)

  • As your theme is only available via wordpress.com, you will need to wait for one of their support people to deal with your questions. To that end, I’ve have tagged this topic for their attention and, hopefully, someone will be along shortly.

    Thread Starter huntingdragon

    (@huntingdragon)

    Thanks esmi!

    Thread Starter huntingdragon

    (@huntingdragon)

    So this may turn into a general php/css question. I’ve been inspecting the element on the website, messing around with settings. By modifying the css styles, specifically:

    #masthead .widget-area {
    float: right;
    margin: 45px 0;
    width: 450px;

    I determined that Margin and width determine the float location in the header. I was able to push the images down and to the left. However, when I modified the code in the editor, nothing happened. Is something over-riding these changes?

    Thread Starter huntingdragon

    (@huntingdragon)

    It seems that having two tabs open with admin privileges was preventing the changes from sticking. in order to move the images over just had to change the width on that masthead .widget-are as stated above.

    Thread Starter huntingdragon

    (@huntingdragon)

    Ok, to fix the text overflow, I changed the css style sheet

    #secondary {
    float: left;
    margin: 0 30px 15px -100%;
    width: 250px;

    width from 350 to 250. seems like it was slightly off by default.

    Resolved!

    Glad you figured it out!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Theme: Stay] Sizing of widgets in header and primary’ is closed to new replies.