Move article side info from left to right

Hello;

I searched in the forum for a way to move article side info from left to right; but i only found a post about moving it to bottom in K2.

What i need is to move the side info to right in joomla articles not K2 items.

Any one did it?

Regards;

Bashar

Could You please post an url to your site?

Hello

http://www.kuwaitnews.com/testsite/inde ... le-article

We are working the site ..

Regards;

Please edit: /templates/gk_news/css/override.css and add at its end:

Code: Select all

#gkPageContent {
background-position: 718px 0!important;
}
#gkContent.gkColumnLeft {
float: left;
}
#gkContent.gkColumnLeft + #gkSidebar {
float: right;
}


Remember to enable "CSS override" in template settings - advanced section.

Hello Cyberek;

The css you provided moved sidebar to right; what we are asking for is the article side info (please check the attached image) and the link ( http://www.kuwaitnews.com/business/worl ... -2014-2015 )

We want the info to be below the article image just like the demo page ( http://demo.gavick.com/joomla25/news/in ... le-article ) but on the right side since our site in Arabic RTL.

We tried to make the image 800 wide but it got re-sized and the article info staid at its place at the top beside the image.

Regards;

Bashar

I have checked the code and it seems you have either outdated template, or something was changed in template core files.

Could you please download file:
/templates/gk_news/html/com_content/article/default.php
create a compressed zip from it (please use system's compress function), and attach as a post attachment?

Hi

Attached default.php file. We didn't modify the file and its from the latest news version.

Regards;

Bashar

It looks like you have some 3rd party plugin installed that changes source code of single article:

Code: Select all

      
<div itemscope itemtype="http://schema.org/Article">
<meta itemprop="headline" content=" الامم المتحدة تتبنى ميزانية تقشفية للفترة 2014-2015 " />
<meta itemprop="editor" content="بشار الصايغ" />
<meta itemprop="articleSection" content="world" />
<meta itemprop="dateModified" content="2013-12-28" />
<meta itemprop="dateCreated" content="2013-12-28" />
<meta itemprop="datePublished" content="2013-12-28" />
<meta itemprop="author" content="بشار الصايغ" />
...
</div>


This is not something generated by our template, so I cant even point you into right direction, as with html changed (its not those lines, but also order of html elements), it is impossible to rearrange the items to the way you would like them to be with use of only css.

Hello Again;

We have disabled all 3rd party plugins but its still the same layout.

Regards;

Please edit: /templates/gk_news/css/override.css and add at its end:

Code: Select all

article.item-page aside.itemAsideInfo {
    float: right;
}

article.item-page div.itemBody {
    width: 520px;
    margin: 0px;
    float: left;
}


Thank you! its worked ..

However the sideinfo still beside the image not below ... is it something related with image size? we are using 600px X 300px size.

and one more thing, how can we move the date auther info to be with the side info rather than being alone below the title.

Regards;

Thats because you uses your image inside of an article, and on our default article it is used as Intro image / Full article image - those settings are available in article editor on right side under "Images and links" tab.