Thread Rating:
  • 20 Vote(s) - 4.15 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[For 1.8] Square theme
(2014-10-25, 01:26 AM)FunkyOverLord Wrote: I did everything I was meant to.

Chrome Developer Tools send this two times:

Font from origin 'http://www.downbelowcw.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://downbelowcw.com' is therefore not allowed access. 

Then when I refresh the page, all automatically fixes (I'm not logged in)...
I don't give support on PM.
Reply
Where to change the width of the content (the list of the forums) ?
Reply
(2014-10-25, 11:28 PM)Ammy Wrote: Where to change the width of the content (the list of the forums) ?

You want to change all the width or only the content?
I don't give support on PM.
Reply
http://i.imgur.com/ymwV9P7.png

the forumcontent should be more wide, and ofc the showthread too ^^
Reply
ACP > Template & Styles > Themes > Square > global.css

Search:

.wrapper {
	width: 984px;
	margin: 0 auto;
  	padding: 0 20px;
  	min-width: 984px;
}

And modify the width and the min-width at your liking.
I don't give support on PM.
Reply
looks like this now

With Sidebar
http://i.imgur.com/txK0CDR.png

Without Sidebar
http://i.imgur.com/xlXFzu8.png
Reply
That's why I told you before if you want to change all the width of the forum or only the main content, because you need to adjust a few classes to achieve the same width for all the style.

Now you need to go to ACP > Templates & Styles > Templates > Square templates > Index templates and open index template

Inside index template you need to find this:

<div class="sidebar" style="float: right; width: 250px;">

And this:

<div class="forums" style="float: left; width: 724px;">

Now you need to calculate, this is the simple math I do with the original style:

Base resolution: 1024px /984px of width and 20px of padding each side)

Then with that, 984 - 250px of the sidebar = 734px free.

Now 734px free - 10px of space between the forum and the sidebar = 724px for the forums.

Then I put 250px in the first code, and 724px in the second code.

Now you need to go to ACP > Templates & Styles > Templates > Square templates > Ungrouped templates and open headerinclude

Inside headerinclude search this:

<script type="text/javascript">
jQuery(function($) {
    $(".clickedbuttons").hide();
    $(".buttons").click(function() {
        $(".sidebar").animate({height: "hide", opacity: 0}, 500,
            function() {
                $(".forums").animate({width: "984px"}, 500);
            });
        $(this).hide();
        $(".clickedbuttons").show();
        $.cookie("sidebar","collapsed", {expires: 365});
        return false;
    });
    $(".clickedbuttons").click(function() {
        $(".forums").animate({width: "724px"}, 500,
            function() {
                $(".sidebar").animate({height: "show", opacity: 1}, 500);
            });
        $(this).hide();
        $(".buttons").show();
        $.cookie("sidebar","expanded", {expires: 365});
        return false;
    });
    if($.cookie("sidebar") == "collapsed") {
        $(".buttons").hide();
        $(".clickedbuttons").show();
        $(".forums").css("width","984px");
        $(".sidebar").hide();
    };
});
</script>

Here you will put the total amount (Within the padding) of the container or in this case, the wrapper, replacing the 984px in all the code.

And finally, you need to replace the 724px of the forum width, with your new amount of px.
I don't give support on PM.
Reply
thank you ^-^
Reply
Anyone know what's up with eNvy's support forum xstyled.com? It hasn't been up for some days.
Reply
(2014-11-01, 05:27 AM)amanda2014 Wrote: Anyone know what's up with eNvy's support forum xstyled.com? It hasn't been up for some days.

Was wondering exactly the same thing Amanda!
Regards, Mike.
Reply


Forum Jump:


Users browsing this thread: 2 Guest(s)