change style title module

Professional Joomla restaurant template comes with a custom animated modules and advanced typography elements.
GK User
Tue May 28, 2013 7:33 am
hi, could you tell me how to change the style of the module title in the right position?
from the link: http://www.oscialatiello.it/sitoprova2/ the module menu restaurant I would like to change the style.

thanks
User avatar
Junior Boarder

GK User
Tue May 28, 2013 7:49 am
You should add a suffix to this module, so it can be addressed with use of css.
Then use override.css:
/templates/gk_restaurant/css/override.css
and add classes to style that element.

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

GK User
Tue May 28, 2013 11:23 pm
Cyberek wrote:You should add a suffix to this module, so it can be addressed with use of css.
Then use override.css:
/templates/gk_restaurant/css/override.css
and add classes to style that element.

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


In order to avoid the override, I would like to add to the menu items in the same style of the title "Restaurant Menu", but I could not find the style.

Thank you very much for the help
User avatar
Junior Boarder

GK User
Wed May 29, 2013 6:28 am
Oh - You would like to have menu items with same look as sidebar's "Restaurant" title - do I understand You correctly?
User avatar
Moderator

GK User
Wed May 29, 2013 7:53 am
Cyberek wrote:Oh - You would like to have menu items with same look as sidebar's "Restaurant" title - do I understand You correctly?


Yes, we would like to have the same menu items as the title "Restaurant Menu", but I could not figure out which css check to find the style.
Thank you very much
User avatar
Junior Boarder

GK User
Wed May 29, 2013 9:06 am
This is a change, that can be done from administrator panel.
Please go to Extensions -> Template Manager -> gk_Restaurant, go to "Font" Options panel, and add:
#gkMainMenu ul a
in "Other selectors" field, adding "," after previous line, exactly as on attached screenshot:
Zrzut ekranu 2013-05-29 o 10.05.37.png
User avatar
Moderator

GK User
Wed May 29, 2013 3:50 pm
Cyberek wrote:This is a change, that can be done from administrator panel.
Please go to Extensions -> Template Manager -> gk_Restaurant, go to "Font" Options panel, and add:
#gkMainMenu ul a
in "Other selectors" field, adding "," after previous line, exactly as on attached screenshot:
Zrzut ekranu 2013-05-29 o 10.05.37.png


Thanks very much
User avatar
Junior Boarder

GK User
Thu May 30, 2013 2:12 pm
Cyberek wrote:This is a change, that can be done from administrator panel.
Please go to Extensions -> Template Manager -> gk_Restaurant, go to "Font" Options panel, and add:
#gkMainMenu ul a
in "Other selectors" field, adding "," after previous line, exactly as on attached screenshot:
Zrzut ekranu 2013-05-29 o 10.05.37.png


Can I ask a question? changing the style on the page of the template I noticed that there are some tag "# gkMainMenu ul to" and others with the point in front. What is the difference?
User avatar
Junior Boarder

GK User
Thu May 30, 2013 2:22 pm
It is a difference in addressing html elements. With # in front You target an element with ID, with . you address element with class.
For example:
Code: Select all
div id="gkMainBody"> .... </div>

would be addressed with:
Code: Select all
#gkMainBody {...}

while:
Code: Select all
div class="article"> .... </div>

would be addressed with:
Code: Select all
.article {...}
User avatar
Moderator


cron