[Resolved] Generatepress colors dominate over visual composer

Home Forums Support [Resolved] Generatepress colors dominate over visual composer

Home Forums Support Generatepress colors dominate over visual composer

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #88335
    Liana

    Hi,

    I am really new to wordpress, generate press (a week only). I am using visual composer with generate press (I have the premium). I am trying to put a post grid on my page with post photo, titles and the text. I want the post title and the text to have a certain color. But since they are also a link, i cannot put the colors I want. The link color is dominated by generatepress. My links are defined in black in generatepress, so in the post grid both the title and the text are black since they are links to the main article. How can I change this? How can I have the possibility to change any color I like independently from generatepres.

    Thank you

    #88388
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Any defined text colors in VC won’t work for links, as links need their own different kind of CSS to change the colors.

    Does Visual Composer give you the option to change the link CSS anywhere?

    If not, you may need to use CSS to change the color of these links.

    Let me know ๐Ÿ™‚

    #88445
    Liana

    There is a Extra class name section, where a text can be added. And after this section it is written If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

    So, I guess the answer is yes. Could you help with the Css text. To be able to change the color, to make it italic and to underline.

    #88823
    Tom
    Lead Developer
    Lead Developer

    Cool, so you would add your custom class – we’ll use “custom-class”.

    Then to style your links for that section, you would do this:

    .custom-class a,
    .custom-class a:visited {
          color:#222222;
    }
    
    .custom-class a:hover {
          color:#000000;
    }

    Adjust the color codes to whatever you like ๐Ÿ™‚

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.