Color of the line in the fancy heading?

edited March 2017 in Shortcodes
Hi,
I have just a small question.
How can I change the color of the line (or the other elemts) in the fancy heading?
I didn`t find the section under Color.

Thanks in advance

Comments

  • Hi,
    You will need custom css for that. Please send us a link to your website.
    thanks
  • thx for your quick answer, but the website isn`t online yet.
    There ist only a maintenance Site on: www.nostalgiebar.de

    I know how to place the custom CSS.
    The color of the line schould be:  #fbcf34

    thanks in advance
  • I need to see the code to write you css for it.
    Please disable the maintanace.
  • o.k. --- Maintanace is disabled
  • Each on these fancy heading is a custom made one, we cannot target them because the background color is the row color. Please try to change the bacground of the row not the element. thanks
  • hey, thanks for the quick answer an the support ...

    ...but i tried that and my problem is not the background color.

    I would like to change only the color of the "Line" or "Arrow" in the Line or Arrow-Style of the fancy heading element to be the same color as the Heading in that element (#fbcf34) .

    I think that is independent from the row background color.

    When the background color of the row is empty, i can see the fine grey line (line-style of the fancy heading). But with the dark blue background color in the row its gone.

    Hope you can help me. Thanks advance
    Best regards

  • Hi, it will be easier if you make a screenshot and point where that element is.
    Especially when you enabled the maintenance mode.
  • Hi, here is a screenshot of the element "Fancy Heading". i use it on several parts of the website.
    This element has 3 Styles, which i can choose: Icon, Line, Arrow. I use the "Line-Style".

    Probelm is now: When i put a color in the background-color section of the Row (deepblue here) then the line disappears. (i tried it also with the arrow style = same Problem).

    I would like to have in this element under the titel (Nostalgiebar) and the content (Clowns & Helden) the fine Line, if possible in the same dark yellow color of the title  ...

    I disable the maintenance mode once again for you ...
    Hope oyu can help me ... thanks in advance.

  • You did not attach any links to this post.
  • oh yes, sorry for that.
    Here is the link to the website:

    www.nostalgiebar.de

    the element is appointed in the rows with the blue background ...


  • Yes, this is because the line is an image, you would have to replace the image. The css for it is here:
    .fancy_heading_line {
    background-image: url('http://nostalgiebar.de/wp-content/themes/betheme/images/fancy_heading_hr.png') !important;
    }
  • Thx for the quick answer.
    I put the the code in the Csutom CSS area but the line isn`t visible yet ?!
    Did i something wrong?
  • Did you change the image in the url ?
  • Ah o.k. - i have to change the image.
    But where do i get this image? -- Please apologies for my ignorance.
  • You have to replace that image with your own image, It is up to you what you upload.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.