× Discussion about "Wellness" Joomla template.

Topic-icon Pagination and messages

More
6 years 8 months ago - 6 years 8 months ago #11165 by stan@lenkiewicz.eu
Hi,

It seems there are problems with pagination links (see pic. 1) and system messages (see pic. 2 - this is a screenshot of the Wellness template, and pic. 3 - this is an example of the "nice" messages).

How to change it (changes in css files)?






Best regards,
Stan
Attachments:
Last edit: 6 years 8 months ago by stan@lenkiewicz.eu.

Please Log in or Create an account to join the conversation.

More
6 years 8 months ago - 6 years 8 months ago #11171 by ivan.milic
Replied by ivan.milic on topic Pagination and messages
We would need live link so we could help you. If you messed something with UL an LI elements in css undo that changes.
Last edit: 6 years 8 months ago by ivan.milic.

Please Log in or Create an account to join the conversation.

More
6 years 8 months ago - 6 years 8 months ago #11174 by stan@lenkiewicz.eu
Hi,

My website is www.domdzieci.eu .

I have also installed the "Hot start" package (you may find it here: www.michelleobama.eu ). There I have added two options in the Main Menu (in the left column): Contact and Template features so that I could check whether there is the same problem with the "clean" portal. Unfortunatelly, there is...

Best regards,
Stan
Last edit: 6 years 8 months ago by stan@lenkiewicz.eu.

Please Log in or Create an account to join the conversation.

More
6 years 8 months ago #11178 by ivan.milic
Replied by ivan.milic on topic Pagination and messages
add this to end of template_css.css:

#pg-pagination ul li{
float:left!important;
}

Please Log in or Create an account to join the conversation.

More
6 years 8 months ago - 6 years 8 months ago #11184 by stan@lenkiewicz.eu
I added the following code to the template_css.css file:

div#pg-pagination ul {
overflow: hidden;
clear: both;
margin: 10px auto;
padding: 10px 0;
text-align: center;
list-style: none;
}

div#pg-pagination li {
margin: 10px 2px;
padding: 0;
display: inline;
}

div#pg-pagination li span,
div#pg-pagination li a {
display: inline-block;
border: 1px solid #309920;
background: #309920;
text-decoration: none;
color: #fff;
padding: 3px 5px 3px 5px;
}

div#pg-pagination li a:hover {
color: #FFF947;
}

div#pg-pagination li span.pagenav {
border: 1px solid #309920;
background: #FFFFFF;
color: #309920;
}

You may see the effect here:


Attachments:
Last edit: 6 years 8 months ago by stan@lenkiewicz.eu.

Please Log in or Create an account to join the conversation.

Moderators: milos
Time to create page: 0.179 seconds