Marco
|
I have just created the following Joomla theme using Artisteer but there is a gap with a white line under the menu.
This does not show in Artisteer and I can't find anything in Joomla causing it. Any help would be much appreciated.
Http://deltadisplays.co.uk
|
| |
jrgweb
|
@Marco - Under art-post you have a padding of 10px
Under .art-postcontent p you have a margin of 12px
and then in your HTML you have this <p> </p>
By removing all those I was able to get you template to this:
|
| |
marco
|
Thats great. Do you know rather than having to change the css everytime as the website is under construction with the client looking at it daily. Is there a way to do that in artisteer so that it shows correctly when exporting for joomla as what you are showing is what I see in artisteer?
Many thanks
|
| |
jrgweb
|
@marco - There are a number of ways to accomplish what you want.
1. The first thing I would do is edit you HTML and remove <p></p>
You should be able to do this in artisteer where you inserted your slider by selecting edit HTML.
You should also be able to edit in joomla by selecting the article and editing the source.
2. Another way is to edit in artisteer by going to colors-fonts--->>>typography under fonts in the menu tape. Then select paragraph and edit spacing before and after. Keep in mind that this is a global setting and will affect the entire template.
This will take care of the 12px spacing.
The next is to remove the top padding. This is another global setting. To see the settings in artisteer, go to content--->>shape under the styles on the menu tape. Take a look at your margin and padding. You can change here but because I would want the padding on the right and left I would change in the CSS export options of artisteer. For example, I would insert this in the export-->>.options-->>css options in artisteer:
.art-post {
padding: 0 10px !important;
}
When exported to joomla a system message class is active. If you want to remove this insert this in the export-->>option-->>css options of artisteer.
#system-message {
display: none !important;
}
In the image I supplied, I didn't remove this element.
This should do the tick if I didn't leave anything out. 
|
| |
marco
|
Thanks for that, all worked and I learnt something new about changing CSS within Artisteer, saved me a lot of time....
|
| |