Is Pure Tabs Responsive

Home \ forums/topic \ Is Pure Tabs Responsive

Support Home Page Forums Joomla Software Pure Tabs Plugin Is Pure Tabs Responsive

This topic contains 8 replies, has 2 voices, and was last updated by  Mightec 5 years, 8 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #726

    Mightec
    Participant

    Hi Michael

    I have just purchased Pure Tabs and like the look of it and wondered if it is fully responsive. In my test site I don’t seem to be able to get a fully responsive effect.

    #1972

    Michael Gilkes
    Keymaster

    @mightec. Thanks for posting. Well, I believe it to be responsive. You can check it out on the demo site. Is there any particular effect that you find to not be responsive?

    Also, keep in mind that malformed HTML place in the tabs can often wreak havoc with the tabs HTML. I have had this happen to a few customers. This occurs especially when there are un-closed div elements in the tab.

    #1973

    Mightec
    Participant

    Hello Michael

    I have looked at the DEMO and what I expected was that the tabs would stack on a smartphone, but clearly it does not, its not a problem.

    I do like your Pure Tabs, I think that it is much better than NoNumber Tabs, looks great. I have just got to get my head around trying to style it to suit my website. I am struggling to understand the Use Inline Styles.

    I have tried customising a style sheet by taking a copy and renaming it, but for some reason it does not display, just clear tabs.

    #1974

    Michael Gilkes
    Keymaster

    @mightec. I don’t know how much or what you are editing. However, I would not mess with the Inline Styles at all. The Inline styles that are built into the plugin control the structure and behavior of the tabs. They do not control the look and feel. The themes in the themes folder control the look and feel. I deliberately separated the functionality CSS from the look-and-feel CSS.

    It seems like I will have to create a Pure Tabs Custom Theme Tutorial. This was not what I planned to do today, but if you really need it, I will take the text couple hours and create a tutorial for you and others. Are you willing to wait a bit?

    Here is a start:

    Each theme contains about 16 CSS rule sets. Each of these rule sets impact a different aspect of the look and feel of the tabs. By editing the values for properties inside of the rule set you can change the look and feel of the theme. The first theme I ever made for the plugin was the basic-blue.css theme.

    Mightec, if you want me to feature your custom theme colors in the tutorial, please post what colors you want:

    1. Background Color and/or Gradient for main panel
    2. Border Color for main panel
    3. Border Radius (Curvature) for main panel
    4. Background Color and/or Gradient for header
    5. Border Color for header
    6. Border Radius (Curvature) for header
    7. Background Color and/or Gradient for a tab
    8. Border Color for a tab
    9. Border Radius (Curvature) for a tab
    10. Text Color for a tab
    11. Background Color and/or Gradient for tab when mouse over
    12. Border Color for a tab when mouse over
    13. Border Radius (Curvature) for a tab when mouse over
    14. Text Color for a tab when mouse over
    15. Border Color for a tab’s content
    16. Text Color for a tab’s content

    #1975

    Mightec
    Participant

    @michael

    A tutorial would be really great and more than I could expect, but thank you very much, what a great service.

    #1976

    Mightec
    Participant

    Hi

    Sorry I missed your offer.

    Background Color and/or Gradient for main panel #FFFFFF

    Border Color for main panel #FFFFFF

    Border Radius (Curvature) for main panel

    Background Color and/or Gradient for header #507E1B

    Border Color for header #507E1B

    Border Radius (Curvature) for header

    Background Color and/or Gradient for a tab #507E1B

    Border Color for a tab non

    Border Radius (Curvature) for a tab

    Text Color for a tab #FFFFFF

    Background Color and/or Gradient for tab when mouse over #1A5610

    Border Color for a tab when mouse over non

    Border Radius (Curvature) for a tab when mouse over

    Text Color for a tab when mouse over #FFFFFF

    Border Color for a tab’s content #507E1B

    Text Color for a tab’s content #FFFFFF

    #1977

    Mightec
    Participant

    Michael

    I have worked my way through the css style sheet and I am very happy with the final product look. I didn’t understand all of the sections, but it is ok.

    I have also done a review on JED.

    #1978

    Michael Gilkes
    Keymaster

    @mightec. That’s impressive!

    Well, I took the time to make the tutorial. I hope it will still be of use to you, and others. Please have a look at it: Pure Tabs Custom Theme Tutorial.

    Thanks for your review! I appreciate it!

    #1979

    Mightec
    Participant

    Hi

    I have also added a comment on the website – Build a Joomla Website, hope this generates some interest for you, you deserve it, your service/support is second to none.

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Is Pure Tabs Responsive’ is closed to new replies.